Changing Scroll Over Color in the Nav Bar

Home Forums Automattic Wire Changing Scroll Over Color in the Nav Bar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #108558 Resolve

    revelriter

    Hi everyone, I see this topic came up once, but michiecat figured it out! I’m trying to change the roll over color on the links in the Nav bar and I can’t figure it out–is this done with custom CSS? I’m trying to change it from the default coral color to light grey, or other.

    I can attempt it with CSS if that’s the way to go…I’m just learning wordpress and CSS, but it’s really fun.

    Thanks for any help!

    The blog I need help with is revelritermedia.com
    #140901

    Kathryn P.
    Happiness Engineer

    Yes, you can use your custom CSS for this, in the dashboard under Customize > CSS.

    The code that defines the rollover colour is this bit:

    .navigation-main a:hover{
    background: #ff8869;
    color: #fff;
    }

    You can try adding this in your custom CSS to turn the coral colour a light grey, tweaking the shade as you like.

    .navigation-main a:hover{
    background: #d1dde0 !important;
    }

    This is a great post which talks about how to find CSS selectors – you might want to check it out:

    https://dailypost.wordpress.com/2013/07/25/css-selectors/

    We also have a guide to some CSS basics:

    http://en.support.wordpress.com/custom-design/css-basics/

    I can attempt it with CSS if that’s the way to go…I’m just learning wordpress and CSS, but it’s really fun

    The thing about CSS is the more you learn, the more fun it becomes. :-)

    Let me know how it goes, and if you need help with anything else, feel free to start a new thread!

    #140914

    revelriter

    BIG thanks Kathrynwp…It worked like charm!

    I can’t wait to mess around with CSS more, I have a feeling you just opened Pandora’s digital box :)

    #140919

    Kathryn P.
    Happiness Engineer

    Wonderful – have fun! I’m marking this thread as resolved and closing it.

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

The topic ‘Changing Scroll Over Color in the Nav Bar’ is closed to new replies.