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] Page menu: different color for each button


  #1  
Old Jan 17, 2010, 04:04 AM
Per Lund's Avatar
Per Lund
 
65 posts · Aug 2009
[SOLVED] Page menu: different color for each button

Is it possible to have different color for each menu-button on the page menu?

I want one color for the "home" button, and another for "about" etc.

Last edited by Per Lund; Jan 17, 2010 at 02:14 PM.
  #2  
Old Jan 30, 2010, 01:48 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
yes, you need to set up a CSS Selector for each page and then specify a color something like
HTML Code:
li.page-item-2 {
background: red;
}

li.page-item-17 {
background: yellow;
}
etc
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 30, 2010, 11:26 PM
Per Lund's Avatar
Per Lund
 
65 posts · Aug 2009
I tried this now, but the colors don't change, they are as I set them in ATO "Page Menu Bar".
When I look at the page-source I can see thet the CSS-codes are there.
  #4  
Old Jan 31, 2010, 02:13 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
oh stick an '!important at the end like this
HTML Code:
li.page-item-201 {
background: red !important;
}

li.page-item-554 {
background: yellow !important;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 31, 2010, 05:47 AM
Per Lund's Avatar
Per Lund
 
65 posts · Aug 2009
Thank you, that helped
  #6  
Old Jan 31, 2010, 06:32 AM
Per Lund's Avatar
Per Lund
 
65 posts · Aug 2009
How do I add this also to the menu-item for the home page?
And can I also get individual colors when hovering?

Last edited by Per Lund; Jan 31, 2010 at 07:40 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Different button image for each item on Page Menu Masselyn Page & Category Menu Bars 7 Dec 6, 2009 11:58 AM
Changing Hover Color of "Submit Comment" Button adum Comments, trackbacks & pings 2 Jun 21, 2009 02:37 PM
Page menu background color : 2 colors possible? Len Page & Category Menu Bars 1 Jun 17, 2009 01:31 PM
Help Color Customizing Page Menu Bar Please hovering Header configuration & styling 3 Mar 29, 2009 04:31 AM
Page Menu button images w/dynamic resize kritho Page & Category Menu Bars 1 Feb 18, 2009 05:06 PM


All times are GMT -6. The time now is 03:59 AM.


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