Mouse over colour

Community Forums › Forums › Design Tips and Tricks › Mouse over colour

This topic is: not resolved

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

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 18, 2013 at 8:44 am #20990

    thomas71
    Participant
    Post count: 37

    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/

    February 18, 2013 at 9:51 am #21008

    thomas71
    Participant
    Post count: 37

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

    http://tidskrifter-tidningar.se/

     

    February 18, 2013 at 10:23 am #21015

    JestersTear
    Participant
    Post count: 22

    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

    February 18, 2013 at 11:54 am #21045

    thomas71
    Participant
    Post count: 37

    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

    February 18, 2013 at 12:04 pm #21047

    thomas71
    Participant
    Post count: 37

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

    February 18, 2013 at 1:53 pm #21073

    JestersTear
    Participant
    Post count: 22

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

    Monica | jesterstear on twitter | monicaguerraleiria.com

    February 18, 2013 at 1:55 pm #21074

    thomas71
    Participant
    Post count: 37

    Hi Jester!

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

     

    //Thomas

    February 18, 2013 at 2:05 pm #21078

    thomas71
    Participant
    Post count: 37

    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

    February 18, 2013 at 2:08 pm #21080

    thomas71
    Participant
    Post count: 37

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

    February 18, 2013 at 8:31 pm #21173

    thomas71
    Participant
    Post count: 37

    Help Pleeeaase!

    February 18, 2013 at 11:25 pm #21207

    thomas71
    Participant
    Post count: 37

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

    February 19, 2013 at 9:28 am #21336

    thomas71
    Participant
    Post count: 37

    Hi!

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

    //Thomas

    February 19, 2013 at 5:33 pm #21503

    thomas71
    Participant
    Post count: 37

    Hi !

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

     

    //Thomas

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

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