Jump to content
Sign in to follow this  
apattee

Style single menu item differently?

Recommended Posts

apattee

I've figured out how to change the background to a single item, but I can't figure out how to prevent it from having a hover effect, and also a clicked effect. I would like the orange "donate" link to always remain orange. How can I do this? Current code for menu item:

.menu-item-330 {
	background-color:rgba(255,156,0,.8);
	}

Share this post


Link to post
Share on other sites
catrina
You'll need to add this CSS to make sure it stays orange when selected and hovered over: [code].menu-item-330 a { color: #ORANGECOLOR; } .menu-item-330 a:hover { color: #ORANGECOLOR; }[/code] Please replace ORANGECOLOR with the hex code for orange.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
apattee
That unfortunately did not work. Code is there now if you want to take a look. It looks like the main hover is still kicking in. If it matters, the new menu item css is at the bottom of my CSS.

Share this post


Link to post
Share on other sites
catrina
I inspected your CSS and came up with these selectors: [code]li#menu-item-330 li.menu-item-330 a li#menu-item-330 li.menu-item-330 a:hover[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
apattee
So are you saying this should be the new code: [code]li#menu-item-330 li.menu-item-330 a {color: #ff9c00;} li#menu-item-330 li.menu-item-330 a:hover {color: #ff9c00;} [/code] That also didn't work. Bummer!

Share this post


Link to post
Share on other sites
catrina
Ah wait, the color hex code shouldn't be orange if the background is already orange, so I take back using that color for the text link. Please replace it with a different color and add the !important declaration after like so: [code]color: #ff9c00 !important;[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×