Drop down font color

  • Author
    Posts
  • #60122

    runningliz
    Member

    Hello, the font color in the drop down menu matches the background of the drop down, so you can’t see text until you hover over the link. How may I change the initial font color, as well as the hover color?

    As a temporary solution, I’m using the following code to change the background color to white, but I’d much rather change the font/hover colors.

    .main-navigation ul ul li {
    background: deeppink;
    }

    The blog I need help with is runningliz.com.

    #60327

    ricardpriet
    Theme Author

    Hello pinkfeathrs
    Thank you for writing and using Carmela.

    We can’t check you site (it’s marked as a private and it asks us for a password).

    Anyway, please, add this CSS to you site:

    @media (min-width: 1200px) {
    .nav-menu .sub-menu a, .nav-menu .children a {
    color: #fff;
    }
    .nav-menu .sub-menu a:hover, .nav-menu .children a:hover {
    color: #bacec3;
    }
    }

    If it doesn’t work, we also can add “!important” if it was neccesary like the next example:

    @media (min-width: 1200px) {
    .nav-menu .sub-menu a, .nav-menu .children a {
    color: #fff !important;
    }
    .nav-menu .sub-menu a:hover, .nav-menu .children a:hover {
    color: #bacec3 !important;
    }
    }

    Please, let us know if this solves your issue.
    Thank you again.

    Ricardo from SIloCreativo

    #60329

    runningliz
    Member

    The ‘important!’ code worked! Thanks so much.

    #60362

    ricardpriet
    Theme Author

    Great pinkfeathrs
    Happy to hear that.

    If you have further question, please, feel free to ask.
    Thank you again.

    Ricardo from SIloCreativo

The topic ‘Drop down font color’ is closed to new replies.