Change colour of one menu item

  • Resolved sarfarazshukkoor

    (@sarfarazshukkoor)


    10 years, 7 months ago

    Hi
    I want to change the style of one menu item. the menu id is #menu-item-97

    i tried this but not seem to work,
    ul.main-menu-1 > li.menu-item-97 > a
    {
    border-radius: 5px;
    }
    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

  • It would help us help you if you included a link to your website.

    You are heading in the right direction, but some of your codes are wrong.
    # indicates an id
    . indicates a class

    What I think you need is more like:

    #menu-item-97 {
  border-radius: 5px;
}

    Hi sarfarazshukkoor,

    To solve your issue you just need to put the hierarchy for the menu. For example menu is displaying in particular <div> tag and it has class like “header-menu” then it will be like dis <div class=”header-menu”> so apply css like this.

    div.header-menu ul.main-menu li.menu-item-97 a
{
border-radius: 5px;
}

    Main thing is the hierarchy.

    Thanks,
    Tejas

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change colour of one menu item’ is closed to new replies.