Mouse over colour

Community Forums Forums Design Tips and Tricks Mouse over colour

This topic is: resolved

This topic contains 12 replies, has 2 voices, and was last updated by  thomas71 1 year, 6 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #20990

    thomas71
    Participant
    Post count: 47

    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/

    #21008

    thomas71
    Participant
    Post count: 47

    The site i want the mouse over effect in navbar is the sample childtheme.

    http://tidskrifter-tidningar.se/

     

    #21015

    JestersTear
    Participant
    Post count: 26

    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

    #21045

    thomas71
    Participant
    Post count: 47

    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

    #21047

    thomas71
    Participant
    Post count: 47

    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;
    }

    #21073

    JestersTear
    Participant
    Post count: 26

    Just below that entire block (after the closing bracket) add the one I gave you. :)


    Monica | jesterstear on twitter | monicaguerraleiria.com

    #21074

    thomas71
    Participant
    Post count: 47

    Hi Jester!

    Ahh, ok. I will do that. Thanks for your help. Will come back and let you know. :)

     

    //Thomas

    #21078

    thomas71
    Participant
    Post count: 47

    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

    #21080

    thomas71
    Participant
    Post count: 47

    You can see how it looks like here: http://tidskrifter-tidningar.se/

    #21173

    thomas71
    Participant
    Post count: 47

    Help Pleeeaase!

    #21207

    thomas71
    Participant
    Post count: 47

    Asked for help. Been some time now and would be grateful for answer.

    #21336

    thomas71
    Participant
    Post count: 47

    Hi!

    Asked for help for more than 24 hours ago. Now i want it.

    //Thomas

    #21503

    thomas71
    Participant
    Post count: 47

    Hi !

    Dont Bother about this. You can close this post now, Thanks for your help.

     

    //Thomas

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Mouse over colour’ is closed to new replies.