Community Forums › Forums › Archived Forums › Design Tips and Tricks › Manhattan menu color
- This topic has 8 replies, 2 voices, and was last updated 9 years, 6 months ago by
RobG.
-
AuthorPosts
-
November 9, 2013 at 7:13 am #71854
PascalPavan25
MemberHi 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 #71857RobG
MemberPlease 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 #71859PascalPavan25
MemberNovember 9, 2013 at 7:58 am #71862RobG
MemberYou 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 #71863PascalPavan25
MemberI 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 #71870RobG
MemberWhat 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 #71873PascalPavan25
MemberNovember 9, 2013 at 12:21 pm #71884RobG
MemberOk 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 #71898RobG
MemberYour 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.