Home Forums Weaver Xtreme Theme Current menu item – Underlining

This topic contains 3 replies, has 2 voices, and was last updated by  scrambler 4 days, 4 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #61844

    OscarT_Norway
    Participant

    I have set the menu elements to underline when hovering over them by adding

    {text-decoration: underline;}

    Under Custom CSS
    Menus
    Primary Menu Bar Link Hover Custom CSS

    But, how do I get the menu item for the currently selected page to stay underlined

    and

    how do I make the underlining, both when hovering and for the current page, a little bit thicker?

     

    WP 5.2.3

    Weaver Xtreme 4.3.1.5

    #61845

    scrambler
    Moderator

    Please always include a link to your site. Don’t make us dig for it 🙂

    Add the rule below to the theme Global Custom CSS rule box
    .menu-primary .wvrx-menu .current_page_item a {text-decoration: underline;}
    #61849

    OscarT_Norway
    Participant

    Thx, and sorry for the lack of a link! Thought of it as a more general question.

    Tried out

    .current-menu-item{text-decoration: underline;}

    in the meantime. Also seemed to work. Is there any important differences that I ought to be aware of?

    #61850

    scrambler
    Moderator

    This would affect any other menu in the page instead of just the primary.

    This would also affect all Submenus of that menu item instead of just the main menu items because you are missing the a selector

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.