How to style Selected link in Sequential theme

  • Unknown's avatar
    luisaene · Member ·

    Hi,

    I have drawn a complete CSS blank.

    In my main menu, when a menu item is selected, it does not change color. I want it to change color when in selected state. I have added :hover and :active to my links but it’s not working. I see a border appear under the element but I can’t find how it’s being targeted. Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, in the li element of the current page item in the menu, there is a unique CSS class we can use to style that. Looking at the original CSS, this would be what you will need. I’ve added a bottom border in your hover color just as an example, but you can style it as you desire. 

    .main-navigation .current_page_item a, .main-navigation .current-menu-item a {
    border-color: #e5741f;
}
  • Unknown's avatar
    luisaene · Member ·

    Thank you! I will try this.
    I didn’t notice the unique CSS class.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘How to style Selected link in Sequential theme’ is closed to new replies.