Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Modifying horizontal rule (http://forum.bytesforall.com/showthread.php?t=6042)

RHCdG Feb 26, 2010 06:30 AM

[SOLVED] Modifying horizontal rule
 
On my website at http://www.cornetsdegroot.com, I would like to change the color of the <hr> below the breadcrumb to black; it is #cccccc (gray) now. I would also like to add more space above and below the <hr>. Can anyone please tell me where should I do this?
Many thanks,
Rutger

juggledad Feb 26, 2010 07:49 AM

look at the source of the page and identify the HTML elements. With that you can construce a CSS Selector and set of rules(styles) that you put in teh CSS Inserts area

RHCdG Feb 27, 2010 05:17 AM

Yes, that is the way to go about it but I can't figure out where the HR originates. I even installed Firebug and still I'm unsure. Worst thing is, I think I put it there myself... But where is there?

juggledad Feb 27, 2010 06:23 AM

ok, this is created by a plugin. If you look at the generated page you see
HTML Code:

<div class="breadcrumb">
<!-- Breadcrumb NavXT 3.4.1 -->
De open ruimte</div>
                <hr>
<div class="post-3 page hentry category-geen-categorie post" id="post-3">

so it looks like the <hr> is tossed out ther outside the breadcrumb <div>
you can apply CSS to the breadcrum using '.breadcrumb' and since the <hr> is the only occurance on the page you could code a CSS Selector or it as
HTML Code:

hr {.....}

RHCdG Feb 27, 2010 12:07 PM

Thanks again juggledad, you're a great help! All pointers you have given me have been spot-on and accurate. I'm becoming increasingly excited about WP and the support I've received so far!


All times are GMT -6. The time now is 11:48 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.