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: (visible only to logged in users)

    #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
    Original poster

    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.