Header menu items underline - by 20comunicacion

This topic has 12 replies, 2 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

  • Avatar: 20comunicacion
    20comunicacion
    Participant
    November 22, 2017 at 16:13

    Hello! I’m trying to edit the color, but I can’t edit the gray color of the line under the header menu elements. Where can I change that? Thanks!

    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2017 at 16:25

    Hello,

    Please provide link to your site.

    Regards

    Avatar: 20comunicacion
    20comunicacion
    Participant
    November 22, 2017 at 16:26

    Private

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2017 at 16:28

    Please try to add this code in Custom css:

    .header-color-dark .menu-wrapper .menu > li.current-menu-item > a:after {
        background-color: red;
    }

    Regards

    Avatar: 20comunicacion
    20comunicacion
    Participant
    November 22, 2017 at 16:31

    Is not any way in theme options??

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2017 at 16:37

    Unfortunately not, but likely such option will be added in one of next theme updates.

    Regards

    Avatar: 20comunicacion
    20comunicacion
    Participant
    November 22, 2017 at 16:37

    I tried with CSS code, but still the hover underline is grey… Thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2017 at 16:42

    Where did you add the code? Please try to add the code in style.css file of child theme or in Theme Options > Styling > Custom css.

    Regards

    Avatar: 20comunicacion
    20comunicacion
    Participant
    November 22, 2017 at 16:43

    Yes, the code works, but only for the active item underline, not for hover item underline…

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2017 at 16:45

    Please change the previous code to:

    .header-color-dark .menu-wrapper .menu > li > a:hover:after, .header-color-dark .menu-wrapper .menu > li.current-menu-item > a:after {
        background-color: red;
    }

    Regards

    Avatar: 20comunicacion
    20comunicacion
    Participant
    November 22, 2017 at 16:46

    OK, thanks.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 22, 2017 at 16:51

    You’re welcome!

    Regards

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.