- This topic has 12 replies, 2 voices, and was last updated 13 years, 3 months ago by
.
-
Posts
-
Hi!
I wounder how i can get the background colur to change in the navbar when i point at it. Like this in the portfolio theme. Point at the navbar and the background colur changes from white to black. Would be really grateful for help.
Modern portfolio: http://demo.studiopress.com/modern-portfolio/blog-2/
The site i want the mouse over effect in navbar is the sample childtheme.
http://tidskrifter-tidningar.se/
Style .genesis-nav-menu a:hover and you'll be good to go. For example:
.genesis-nav-menu a:hover {
background: #000;
color: #fff;
}
Monica | jesterstear on twitter | monicaguerraleiria.com
Hi Jester!
Ok, i will try it. Not sure where i can find it? But i will try and let you know if i sorted it out. Thanks for your help.
//Thomas
Hi Jester!
I find this in the stylesheet. Where shall i put the css you suggested?
.genesis-nav-menu a {
display: block;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
position: relative;
}Just below that entire block (after the closing bracket) add the one I gave you. 🙂
Monica | jesterstear on twitter | monicaguerraleiria.com
Hi Jester!
Ahh, ok. I will do that. Thanks for your help. Will come back and let you know. 🙂
//Thomas
Hi Jester!
Worked fine to get the mouse over effect, its just when i mouse over the link colour is not white. It is the same linkcolur as the rest of the site. It shall of course be white to be good looking. Tried to change it in the css but didnt get it right. Suppose i am at the wrong place in the css. Help pleeeeeaaaase :).
//Thomas
You can see how it looks like here: http://tidskrifter-tidningar.se/
- The topic ‘Mouse over colour’ is closed to new replies.