Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 11, 2015 at 12:45 pm #471844
    axelfx07

    Hi,

    I would like to style a specific menu item in secondary menu. I know the id which is “menu-item-5304”, but i can’t seem to apply a different color nevertheless.

    site: http://www.legalpanda.com.ua/

    Thanks

    July 11, 2015 at 1:18 pm #471846
    Alex

    Same here, want to change the color of only one of the menu-items of the (main) mobile-menu – nothing (dedicated class, #id, […]) work, whatever I try.
    Font size and alignment goes fine, think I got the same “problem” as axelfx07 — any hints!?

    • This reply was modified 9 years, 4 months ago by Alex.
    July 11, 2015 at 3:52 pm #471869
    Alex

    I found out that “#mobile-advanced a” is for the lot, but how to assign font-color to only one specific menu-point/item!?

    July 13, 2015 at 12:20 pm #472322
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li#menu-item-5304 a {
  background-color: orange;
  padding: 5px;
  border-radius: 5px;
  color: white;
}


    @emschprint     Can you please post the link to your website and point out the menu item you would like to edit ?

    Best regards,
    Yigit

    July 13, 2015 at 1:24 pm #472388
    axelfx07

    Hey,

    Thanks. Can you please give me the code for editing a hover effect of the same element.

    Cheers

    July 13, 2015 at 1:26 pm #472390
    Yigit

    Hey!

    You can use following code

    li#menu-item-5304:hover a {
  background-color: green;
  color: white;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.