Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 15, 2017 at 9:23 pm #889422
    aisukei

    Hi,
    how can every menuitem of my mainmenu get a seperate color? Which css code is needed?

    • This topic was modified 6 years, 11 months ago by aisukei.
    December 16, 2017 at 11:43 am #889520
    Rikard

    Hey aisukei,

    You can use code like this in Quick CSS, this will target your first menu item:

    #menu-item-744 .avia-menu-text {
  color:yellow !important;
}

    Inspect the other ones in your browser to find out their IDs.

    Best regards,
    Rikard

    December 16, 2017 at 3:58 pm #889549
    aisukei

    ive put this on my css but it doesnt change the color. What could be the reason?

    December 16, 2017 at 4:38 pm #889561
    Victoria

    Hi aisukei,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .header_color #menu-item-744.av-menu-button-colored>a .avia-menu-text {
	color: yellow;
}

    Can you disable the Autoptimize plugin while we’re helping you?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 17, 2017 at 12:43 pm #889766
    aisukei

    I have deactivated autoptimize. With this css code there is a change but its only the textcolor not the buttoncolor.

    Best regards

    December 17, 2017 at 10:43 pm #889834
    Mike

    Hi,
    If I understand correctly, you would like the background-color of the button yellow, try this css:

    #top #wrap_all .header_color #menu-item-744.av-menu-button-colored>a .avia-menu-text {
	background-color: yellow!important; 
        color: red !important;
}

    I made the text color red so you can see it, adjust to suit.

    Best regards,
    Mike

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