Wordpress Themes - WP Forum at BFA

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 04: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 06: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 02: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 03:08 AM.

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