Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

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


  #1  
Old Oct 11, 2010, 04:50 AM
sober's Avatar
sober
 
121 posts · Oct 2010
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
  #2  
Old Oct 11, 2010, 06:35 AM
juggledad's Avatar
juggledad
 
23,757 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 21, 2010, 02:33 PM
sober's Avatar
sober
 
121 posts · Oct 2010
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

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Background color does not change for menu items in current state cfibanez Page & Category Menu Bars 4 Sep 2, 2010 12:18 PM
[SOLVED] How do I change color of page background? Ritergal Forum How-To 2 May 23, 2010 06:56 PM
[SOLVED] Change current page menu bar background color Wimbledon Page & Category Menu Bars 7 Apr 4, 2010 01:33 AM
[SOLVED] Change Current Menu Item's Background to Transparent rnimchuk Header configuration & styling 2 Sep 15, 2009 06:12 AM
Transparent Menu Item Instead of A Background Color oz1 Page & Category Menu Bars 1 Jun 29, 2009 06:19 AM


All times are GMT -6. The time now is 12:30 PM.


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