[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. |
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 { |
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. |
oh stick an '!important at the end like this
HTML Code:
li.page-item-201 { |
Thank you, that helped :)
|
How do I add this also to the menu-item for the home page?
And can I also get individual colors when hovering? |
|
Thank you that helped me with the homepage.
But I can't figure out how to style the hovering for each button. I tried to insert this into CSS-insert: li:hover.page-item-2 { background: green !important; } But that did not work. I'm sorry, but I am not that much into css. |
Hovers apply to the link or <a> element so you need this
HTML Code:
li.page-item-2 a:hover { |
And I'm back again :-)
Now I am struggling with different color on the buttons on the current page. PS! I have just donated $20 to you Per |
Lets say you have two pages ID 201 and 545, you want 201 to be red and 554 to be yellow, but if eithor f them is the current page, you want it blue you could do this
HTML Code:
li.page-item-201 { |
I have tried this but its not working.
HTML Code:
li.current_page_item a:visited { |
what is the url?
|
The url is: http://rbl.aakrakirke.no/
The colors are not supposed to be as they are now, I am just testing. |
Ok, I see you only want the color when that page is current, try this
HTML Code:
li.page-item-201.current_page { |
Its not working.
|
well duh it because I'm losing it - you need the 'a' too (head smack) use this
HTML Code:
li.page_home a:hover { |
I'm sorry, but this still wont work.
|
Arugh... I typed it wrong and I even spotted this yesterday..sigh..
the 'current_page' should be 'current_page_item' |
Quote:
Great! You are awesome. Thank you very much for your help :) |
All times are GMT -6. The time now is 07:42 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.