Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 18, 2017 at 10:27 pm #779683
    michael_world2cycle

    Hi,
    I would like to have each of my menu button in a different color. I tried several options, but didn’t succeed yet finding the option within Enfold. Can you please assist?

    Thanks :-)

    April 19, 2017 at 6:32 am #779787
    Rikard

    Hey michael_world2cycle,

    If you inspect the elements in your browser (right click->inspect), then you will find the id of the menu items. You can then target them using CSS like this:

    #menu-item-1111 .avia-menu-text {
  color:green;
}

    Best regards,
    Rikard

    August 22, 2018 at 8:01 pm #1000500
    s29ers

    Hello

    I tried that and had some help from Support also, for the button in the main menu, which was this

    #menu-item-5955 .avia-menu-text {
    background-color: red;
    font: yellow;
    border: hidden 2px solid green;
    border-radius: 25px;
    }
    but it doesn’t work as the border is still set to the font colour. I tried various things over several days, please help. All I want is a coloured button, with border same color and contrasting text. You can see the site below.

    Thanks

    August 22, 2018 at 8:02 pm #1000502
    s29ers

    Sorry, I got this

    #menu-item-5955 .avia-menu-text {
    background-color: red;
    font: yellow;
    border: 2px solid green;
    border-radius: 2px;
    }

    The other code was just me experimenting. But this doesn’t work anyway.

    Thanks

    August 22, 2018 at 8:45 pm #1000512
    s29ers

    I think this works better
    #menu-item-5955 a span.avia-menu-text{
    background-color:#187EE2 !important;
    border: hidden !important;
    border-radius: 2px; !important;
    color:#ffff !important;

    August 23, 2018 at 9:38 am #1000627
    Rikard

    Hi s29ers,

    Thanks for the updates, I’m not sure if you got things working or not though?

    Best regards,
    Rikard

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