Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 6, 2022 at 12:00 am #1347335
    EricSmeets

    Hello,

    I would like to change the text color of a menu-item. I made a custom css class in the menu editor for this item and use the following code:

    /* Elektrisch laden menuknop groen */
.elektrischladen {
 color:green;
 background-color: green;
}

    The background color changes but not the color of the word itself. What am I missing here?

    April 6, 2022 at 8:37 am #1347358
    Nikko

    Hey EricSmeets,

    Try using this CSS code:

    #top .elektrischladen {
    color: green;
    background-color: green;
}

    if that still does not work, please use this instead:

    #top .elektrischladen {
    color: green !important;
    background-color: green;
}

    Best regards,
    Nikko

    April 6, 2022 at 8:51 am #1347369
    EricSmeets

    Thanks Nikko, but unfortunately both options don’t work. Any other ideas?

    April 6, 2022 at 11:17 am #1347394
    Rikard

    Hi,

    Where can we see the element in question?

    Best regards,
    Rikard

    April 6, 2022 at 11:49 am #1347400
    EricSmeets

    Yes of course.

    April 6, 2022 at 12:29 pm #1347412
    Rikard

    Hi,

    Thanks for that. Please try this CSS instead:

    .elektrischladen .avia-menu-text {
  color: green; 
}

    Best regards,
    Rikard

    April 6, 2022 at 12:57 pm #1347422
    EricSmeets

    Perfect! Thanks!

    April 6, 2022 at 1:50 pm #1347430
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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