Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] how to change the background color of the menu bar in different page


  #1  
Old May 15, 2012, 12:47 PM
ioster
 
18 posts · Nov 2011
Hello,
I am looking for the CSS code to change the background color of the menu bar in specific pages. Someone can help me?
Thanks in advance.

isabelle
  #2  
Old May 15, 2012, 01:10 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You can target an item on a particular page by using .page-id-## (where ## is the id of the page) at the start of the selector of the item you want to change. The issue with a menu is you have menu items, sub-menu items, hover items etc. so this can get rather involved.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old May 18, 2012, 06:45 AM
ioster
 
18 posts · Nov 2011
No problem with sub menus : they won't be any luckily!
I tried (between other things) :

.page-id-86 #menu1{
background-color: #EB7F00 !important;
}

but it doesn't work. I'm not really in coding just pretending as you can read ;-)
Could you help me please.
Isabelle
webadress of the page : http://io-test.fr/test2/WP/produits/autre-produit/ (I want the menubar to be orange...)
  #4  
Old May 18, 2012, 07:00 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
There are the separate menu tabs etc you have to think about. Maybe something like the following.
HTML Code:
.page-id-86 #menu1, .page-id-86 #rmenu2 li {
    background: #EB7F00 !important;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old May 18, 2012, 07:12 AM
ioster
 
18 posts · Nov 2011
It works perfectly. Many thanks.
Isabelle

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Change background menu color tim55057 Page & Category Menu Bars 1 Sep 20, 2011 02:52 PM
How to change background color of the Menu bar? watex Page & Category Menu Bars 1 Dec 26, 2010 11:19 PM
[SOLVED] How to change the background color of a particular page menu item sober Page & Category Menu Bars 2 Nov 21, 2010 01:33 PM
Background color does not change for menu items in current state cfibanez Page & Category Menu Bars 4 Sep 2, 2010 11:18 AM
[SOLVED] Change current page menu bar background color Wimbledon Page & Category Menu Bars 7 Apr 4, 2010 12:33 AM


All times are GMT -6. The time now is 12:57 AM.


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