Changing the dividers into pictures

[jgbr 0]

As you are all aware , a customisable line appears under nav's, blogrolls between sections etc. You can change the colour of this. My question is, what about if you want to change the graphic? IE, you want a dual line graphic in red whats the best way to change it?

[kastelic 6]

What I think you are talking about is actually a bottom border caused by this rule:

	hr, .fpost, .clip_box, .widget-title, #buddypress-page .item-list li, .metabar a, #morefoot .widget-title, #site #dsq-content h3 {
	    border-bottom: 1px solid #E9E9E9;
	}
	
	

You could override it like this:

	hr, .fpost, .clip_box, .widget-title, #buddypress-page .item-list li, .metabar a, #morefoot .widget-title, #site #dsq-content h3 {
	    border-bottom: 10px double #F00000 !important;
	}
	

to make a double red line.

[jgbr 0]

Where do I go to find that code? I was not sure how pagelines does it, are all the divider lines considered bottom borders? What about if your after two lines, one one colour and another different, thicker etc? does it have a image file?

[kastelic 6]

You would paste that code into Custom Code -> Custom CSS. That will override the core CSS code that makes the borders. Once you do it you will see what I mean. Check out this link for info on your options regarding CSS borders: http://www.w3schools.com/css/css_border.asp

[jgbr 0]

what about if i want one red and one blue? the line under the top navigation still exisits?

[kastelic 6]

YOu can only have one border per element. If you get Firebug for Firefox you can inspect elements and see what you want to target. Its probably possible in many cases to add a red border to one element and then a blue border to its containing element, and if they are the same size you will get a double border.