Forums / Templates, Stylesheets, Page Layout / Need horizontal line seperating attributes

Need horizontal line seperating attributes

Results 1 to 3 of 3

30 Mar 2012, 6:38 PM

canemasters

Zen Follower

Join Date:: Mar 2007
Posts:: 444
Plugin Contributions:: 0

Need horizontal line seperating attributes

I want to add a simple gray line to separate my attributes. I feel they're too crammed together and would like something to separate them.. I don't want a dark <hr> tag, just something like 60% gray or something.

Thank you!

31 Mar 2012, 10:37 AM

stevesh

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Need horizontal line seperating attributes

.wrapperAttribsOptions { display:block;
margin: 0.3em 0em;
border-bottom: 1px solid #c4c4c4;
padding: 0 0 1em 0;
}

1 Apr 2012, 4:25 AM

canemasters

Zen Follower

Join Date:: Mar 2007
Posts:: 444
Plugin Contributions:: 0

Re: Need horizontal line seperating attributes

Worked great. Tweaked it to put the line above the line above the attribute title, and gave a bit more padding. Thank you!

Ended up using:

.wrapperAttribsOptions {
margin: 0.3em 0em;
border-top: 1px solid #c4c4c4;
padding: 1em 1em 1em 1em;
}