Menu entry text and hover underline color

  • Resolved aailweb

    (@aailweb)


    8 years, 9 months ago

    I set menu entry text color in front page and related hover undeline to white. I also set menu entry text color to black when a page is selected, but I cannot set black color the related hover underline, that remains white.

    Here my site URL: https://www.artificiocooperativa.com/

    Please, consider that the only CSS code related to menu entries I added to Custom Code is the following:
    /* Menu Frontpage */
    #topmenu ul li a{font-weight: 700;}

    Can you help me?

Viewing 4 replies - 16 through 19 (of 19 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    Hi

    Can you please go to Appearance -> Customize -> Header -> Menu -> Menu Hover Text Color and change the color from there.

    Thanks

    Thread Starter aailweb

    (@aailweb)

    Many thanks but I have:

    Front Page > Slider >
    Slider Type: Statioc Slide

    Header > Header >
    Transparent Header on Frontpage: active
    Transparent Header Text Color: white (#ffffff)
    Header Background Color: white (#ffffff)

    Header > Menu >
    Menu Text Color: default gray (#888888)
    Menu Hover Text Color: fefault white (#ffffff)

    When I hover Menu Text in the Frontpage (as desired) the text remain white and the underline is white (it’s okay).

    When I hover Menu Text in a selected page the text is gray and the underline is white (it’s NOT okay, they should be gray and gray).

    How can I obtain the desired appearance?

    Theme Author OptimizerWP

    (@layerthemes)

    Hi

    Can you please insert this in your Simple Custom CSS field and send us an screenshot of that field.

    .not_frontpage  #topmenu ul.menu>li:hover:after {
    background-color: #607D8B;
}

    Thanks

    Thread Starter aailweb

    (@aailweb)

    Okay, added

    .not_frontpage #topmenu ul.menu>li:hover:after {
    background-color: #555555;
    }

    in Simple Custom CSS and saved it (#555555 is the color code set for menu text in pages other than frontpage).

    Now it works!!!

    I don’t know how to send you a screenshot but you can see the result going to these two page URLs:

    Frontpage (menu text and hover underline #ffffff color code): https://www.artificiocooperativa.com/

    Pages other than frontpage (menu text and hover underline #555555 color code):
    https://www.artificiocooperativa.com/artificio/

    Many, many thanks for your kind and helpful support!!!
    You are indeed great!!!

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Menu entry text and hover underline color’ is closed to new replies.