Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 25, 2014 at 6:42 pm #296058
    GOWD

    Hi, how do i style the style the Current (Active) Menu Item in the main menu?

    July 25, 2014 at 11:25 pm #296123
    Yigit

    Hi GOWD!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .current-menu-item span.avia-menu-text {
background-color: #c63c63;
padding: 5px;
border-radius: 5px;
color: white;
}

    Cheers!
    Yigit

    July 26, 2014 at 5:06 pm #296246
    GOWD

    Hi Yigit, thanks, that changes the text background.
    I want to change the whole button background just like it changes on hover currently for the other menu items

    July 28, 2014 at 11:22 am #296660
    Yigit

    Hey!

    It does seem to work fine on my end – http://i.imgur.com/B1tmFDT.png
    Have you figured it out already?

    Best regards,
    Yigit

    July 28, 2014 at 1:28 pm #296731
    GOWD
    This reply has been marked as private.
    July 28, 2014 at 1:31 pm #296733
    Yigit

    Hey!

    Please change the code to following one

    li.current-menu-item>a {
background: #221365!important;
color: white;
}

    Regards,
    Yigit

    July 28, 2014 at 2:27 pm #296762
    GOWD

    Hi Kriesi,

    fixed now, had to add an extra !important for the text color to work.
    Would be a great help to add a styling option to replace this code to the advancing styling section.
    You may close this thread.

    li.current-menu-item>a {
    background: #cf2115!important;
    color: #fff!important;
    }

    July 28, 2014 at 2:29 pm #296764
    Yigit

    Hi!

    Please feel free to request or vote if already requested here – https://kriesi.at/support/enfold-feature-requests/
    and let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Style Current Menu Item’ is closed to new replies.