Community Forums › Forums › Archived Forums › Design Tips and Tricks › Manhattan menu color
- This topic has 8 replies, 2 voices, and was last updated 10 years, 5 months ago by RobG.
-
AuthorPosts
-
November 9, 2013 at 7:13 am #71854PascalPavan25Member
Hi everybody!
I need to change the color of my menu!
Now I have set the background of my menu black. Then I would like the menus are written in white.
Where should I change in the CCS to do this?Thanks,
http://www.federicosoldati.ch
PascalNovember 9, 2013 at 7:32 am #71857RobGMemberPlease post the link for the website in question to speed up the process.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossNovember 9, 2013 at 7:34 am #71859PascalPavan25MemberNovember 9, 2013 at 7:58 am #71862RobGMemberYou can change the orange menu text color by accessing the following CSS codes in your style.css file
#nav li a:hover, #nav li a:active, #subnav li a:hover, #subnav li a:active { background: #FFFFFF; color: #E74914; }
You can chage the ( E74914 ) text color to any color of your choice. You might have to alter other colors from your menu to make everything visible.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossNovember 9, 2013 at 8:02 am #71863PascalPavan25MemberI have changed my css to:
#nav li a:hover, #nav li a:active, #subnav li a:hover, #subnav li a:active {
background: #FFFFFF;
color: #FFFFFF;
}But nothig is changed on the menu!
November 9, 2013 at 9:42 am #71870RobGMemberWhat part of your menu actually are you trying to change?
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossNovember 9, 2013 at 10:45 am #71873PascalPavan25MemberNovember 9, 2013 at 12:21 pm #71884RobGMemberOk try to locate this section of your style.css file and look for the following code below
#nav li a, #subnav li a { background: url(images/navline.png) center left no-repeat; color: #000000; display: block; font-size: 12px; margin: 0; text-decoration: none; position: relative; }
Change the ( color: #000000; ) to color: #ffffff; and your menu text should display correctly.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossNovember 9, 2013 at 3:37 pm #71898RobGMemberYour very welcome I see you got it all sorted out.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.