Menu Bar

  • Resolved mmmskc

    (@mmmskc)


    7 years, 9 months ago

    I have used the following CSS to change the menu color

    a:link {color:#FFA500;} /* unvisited link */
    a:visited {color:#FFA500;} /* visited link */
    a:hover {color:#FFA500;} /* mouse over link */

    /*Changing text link and background color on menu*/
    .site-header .main-navigation a, .site-header .main-navigation a:visited {
    color: #FFFFFF;
    background: #008000 none repeat scroll 0 0;
    }
    /*Changing text and background color on menu hover*/
    .site-header .main-navigation a:hover, .site-header .main-navigation a:hover:visited {
    color: #FFFFFF;
    background: #598000 none repeat scroll 0 0;
    }
    .site-title a, .site-description {
    color: #FFFFFF;
    }

    My question I still have black color as in screenshot, how do i change that to some other color

    https://www.dropbox.com/s/0fhazo9msgfmo69/a.jpg?dl=0

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi there,

    I’m not seeing the black color today. Did you already solve this?

    Thread Starter mmmskc

    (@mmmskc)

    No. It’s not yet solved. Take the mouse cursor to “My Guru” & move the cursor down for other sub menu, U will see black background for “My Guru”.

    Hmm, ok. I see it in Safari and Firefox, but not in Chrome.

    Try adding this and change the color:

    .main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover,
.main-navigation li:hover > a {
    background: #222;
}

    Let me know if that helps.

    Thread Starter mmmskc

    (@mmmskc)

    Nope not working.

    Moderator Kathryn Presner

    (@zoonini)

    I don’t see the custom CSS David provided in your custom CSS plugin currently. Give this a try:

    .main-navigation a:active, .main-navigation a:focus, .main-navigation a:hover, .main-navigation li:hover > a {
  background-color: #598000;
}
    Thread Starter mmmskc

    (@mmmskc)

    Thanks Kathryn. Its working. Sorry for the late reply.

    Moderator Kathryn Presner

    (@zoonini)

    Glad you’re all set!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Menu Bar’ is closed to new replies.