[Theme: Twenty Twelve] Font Color for sub-menu items (6 posts)

  1. Hazlo
    Posted 2 years ago #

    Hello there,

    I'm trying to change the color of the font of the SubPages menu because due to my other customizations they are quite not visible anymore. The trouble is when I hover over the main menu (when I hover above the sub meniu itself the color changes to black and this is ok).
    I already found this topic resolved and tried the code given there by WP Yogi

    ul.sub-menu .current-menu-item > a {
    color: #000000;

    but it did not work.
    Any help? Here is the concerned page
    Thanks a lot.

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    .main-navigation li ul li a:hover

    Also make sure you're not adding styles within a media query.

  3. Hazlo
    Posted 2 years ago #

    Thx Andrew for answering so fast.
    The code you gave helps.
    But only when hovering above the Dropdown menu.
    As long as I stay above the main menu the fonts of the dropdown menu stay quite invisible.
    Another one from your magic box maybe?

  4. Hazlo
    Posted 2 years ago #

    I could fix it now with changing the dropdown menu background color.
    But I still cannot change the font color (only for the dropdown menu fonts).
    If you have another path to follow it'd be great.
    But it's not a great hurry anymore!

    Thanks again to all for your help here.

  5. krm123
    Posted 2 years ago #

    Hi Hazlo

    Just wondering how you resolved this. I have the same problem and the sub menu items colour cannot be changed. I see you have managed this on your site.

    Did you find a way to do it, or a workaround?


  6. Hazlo
    Posted 2 years ago #

    Here is what I have for the sub-menus

    .main-navigation li ul li a {
    background: none repeat scroll 0 0 #XXXXXX;
    border-top: 1px solid #XXXXXX;
    border-bottom: 0px;
    text-align: left;

    (Change the hexa color from XXXXXX to yours.
    Adding a border helps if you feel like getting the sub-menus separated from one another.)

    And then when you hover over the sub-menu :

    .main-navigation li ul li a:hover {
    color: #XXXXXX;
    background: #XXXXXX;
    text-align: left;

    (The line "color" is for hovering over the font)
    Those codes work good for me. Hope they'll work the same for you.

Topic Closed

This topic has been closed to new replies.

About this Topic