WordPress.org

Forums

Sixteen
Menu mouseover color (8 posts)

  1. professorfeathers
    Member
    Posted 1 year ago #

    Hi. Love this theme. I've managed to change the color of the text in menues, but the mouseover color is still a dark brown. Also, the title for a text block is dark brown on black. Please tell me how I can change this. Thanks!

    Website (under construction) is Htt[://aeriestudio.com

  2. Devora
    Member
    Posted 1 year ago #

    try changing this code in your custom css

    .main-navigation a:hover {
    color: #7E5D26;
    }

    and this

    .main-navigation li:hover > a {
    background: none repeat scroll 0 0 #100D0A;
    color: #7E5D26;
    }

  3. professorfeathers
    Member
    Posted 1 year ago #

    Hi Devora, thanks for the idea, but it doesn't seem to be working.

    Here's what I have now in my custom css:

    .main-navigation a {
    color: #E0DDDD;
    padding: 25px 15px;
    }

    .main-navigation a:hover {
    color: #BFB197;
    }

    .main-navigation li:hover > a {
    background: none repeat scroll 0 0 #100D0A;
    color: #BFB197;
    }

    .main-navigation ul ul a:hover {
    background: #BFB197;
    color: #FDFDFD;
    }

  4. professorfeathers
    Member
    Posted 1 year ago #

    Well, i finally found the answer in main.css in the theme folder. Firebug rocks! Couldn't access it through WP so I used filemanager to download and edit the file.

  5. igiftback
    Member
    Posted 1 year ago #

    @professorfeathers Can you elaborate as to what you changed? Having the same issue.

  6. Sumner2014
    Member
    Posted 1 year ago #

    @professorfeathers having same issue. Can you show your code. My changes in main.css don't seem to work
    Thanks

  7. cadmanjp
    Member
    Posted 8 months ago #

    Here's what I put in my main.css and it works:

    .main-navigation a:hover {
    /* Originally color: #7e5d26; */
    color: #ffffff;
    }
    .main-navigation li:hover > a {
    /* originally
    color: #7e5d26;
    background: #100d0a;
    */
    color: #ffffff;
    background: #62b562;

    }

    Using the CSS editor didn't work because the > character gets converted to <. Editting style.css won't work because main.css gets loaded AFTER style.css so the rules in main.css overwrite, so you have to download, edit and upload main.css. Be sure to scroll down to the section where the rules are for these 2 selectors and put your rules in in place of them.

  8. Hei Wan
    Member
    Posted 7 months ago #

    Can some experts please help as I don't know how to change the text and background color of the sub-menu (or drop-down menus). Currently it gives black text color on a dark background. many thanks.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags