Jump to content
Sign in to follow this  
pgcook

Border colour control

Recommended Posts

pgcook

Hi, I am a newbie and struggling to figure out how to change the colour of the border line that runs across the page under the menu. Is there a setting in Display Control? (I assume this setting may also control the lines underneath the headings for Categories and Blogroll widgets?). Many thanks Peter Cook www.peakdecisions.org

Share this post


Link to post
Share on other sites
catrina

There are settings for border colors other than the widget title border colors and the line under the menu. To change the border colors you want, you can add the following CSS to your custom CSS area or activate the child theme and it add it the base.css file.:

#nav_row {border-bottom: 1px solid #xxxxxx;}
	h3.widget-title {border-bottom: 1px solid #xxxxxx;}
#nav_row
= Change #xxxxxx to the hex code for the color you want for the navigation border.
h3.widget-title

= Change #xxxxxx to the hex code for the color you want for the widget title borders. If you need to find hex codes for the colors you want, go here: http://cloford.com/resources/colours/500col.htm


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
pgcook

Thank you for your helpful reply. Next thing I had to figure out was how to install the Child Theme because I did not do that on original install. However, seem to have done this successfully! Thanks again!

Share this post


Link to post
Share on other sites
pgcook

Catrina I pasted the script (exactly as provided) into base.css and it works for the border colour under the widget heading. However, no change to the border colour under the main menu. Any suggestions? Thanks

Share this post


Link to post
Share on other sites
timlinson

Adding `!important` should do it: `#nav_row {border-bottom: 1px solid #528b8b !important;}`

Share this post


Link to post
Share on other sites
wordpress4less
i am having the same issue... I can't find #nav_row anywhere... I did find #subnav_row... any other ideas....

Share this post


Link to post
Share on other sites
Rob
@wordpress4less, please provide a link to your site. Thanks. Are you using Firebug for Firefox?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×