Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Modifying horizontal rule


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 26, 2010, 06:30 AM
RHCdG
 
142 posts · Nov 2009
Netherlands
[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
  #2  
Old Feb 26, 2010, 07:49 AM
juggledad's Avatar
juggledad
 
22,269 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 27, 2010, 05:17 AM
RHCdG
 
142 posts · Nov 2009
Netherlands
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?
  #4  
Old Feb 27, 2010, 06:23 AM
juggledad's Avatar
juggledad
 
22,269 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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 {.....}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Feb 27, 2010, 12:07 PM
RHCdG
 
142 posts · Nov 2009
Netherlands
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!

Bookmarks

Tags
horizontal rule, hr bar, modifying

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Modifying Logo area jumbopihu Header configuration & styling 4 Jan 17, 2010 08:52 AM
[SOLVED] Align horizontal rule in body of post PrairieProg Center area post/pages 2 Dec 29, 2009 03:20 PM
PHP modifying the underlying code markelshark Atahualpa 3 Wordpress theme 1 Nov 17, 2009 02:41 PM
Modifying vertical align on images NoirMat Atahualpa 3 Wordpress theme 3 May 4, 2009 09:37 PM
Modifying the footer of the template seftonview Atahualpa 3 Wordpress theme 1 Feb 9, 2009 05:38 AM


All times are GMT -6. The time now is 03:49 AM.


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