Wordpress Themes - WP Forum at BFA - [SOLVED] How to change the background color of a particular page menu item

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)

- - [SOLVED] How to change the background color of a particular page menu item (http://forum.bytesforall.com/showthread.php?t=10214)

sober

Oct 11, 2010 03:50 AM

[SOLVED] How to change the background color of a particular page menu item

Hello

I am looking to change the background color of a particular page menu item for example, the "About" page link. The page id is 2 . What would be the code for that ?. Please let me know the code that I need to put into. I want a seperate background color for that item on the page menu nomatter what the current page is. If there is a detailed thread on this, please guide me towards it.I am working on a local installation and thats why I can't give you the link Thank you

Jimmy

juggledad

Oct 11, 2010 05:35 AM

You need to look at your page source and find the code dealing with the menu. From there you can look at what the ID or CLASS is for the menu item you want. Using this information, you should be able to create a CSS selector to apply to that specific menu item and then you can add the CSS selector and CSS rules for that item to the CSS Inserts option.

sober

Nov 21, 2010 01:33 PM

This is what I am using if anyone wants to copy

Code:

div#menu1 li.page-item-52 a {

  background:  #ff0000 !important;

  color:#ffffff !important;

  text-transform: uppercase !important;

  font-weight: bold !important;

}

div#menu1 li.page-item-52.current_page_item a {

  background:  ##ff0000 !important;

  color:#ffffff !important;

Here my page id is 52

All times are GMT -6. The time now is 07:08 PM.