Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 16, 2018 at 5:44 pm #1022290
    elvirais

    Hi, I’ve been experimenting but couldn’t find the right code to change menu item colours on a page with a transparent header (link in private content).

    For non-transparent pages i’ve used the advanced styling tab.

    October 17, 2018 at 5:28 am #1022557
    Rikard

    Hey elvirais,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av_header_transparency .main_menu .avia-menu-text {
  color:red !important;
}

    Best regards,
    Rikard

    October 17, 2018 at 9:19 am #1022640
    elvirais

    Ok thanks, that works. And how can i change the color of the menu on mouse hover?

    October 17, 2018 at 6:13 pm #1022949
    Jordan Shannon

    Hi,

    You want to change color of the menu links on mouseover?

    Best regards,
    Jordan Shannon

    October 17, 2018 at 7:22 pm #1022967
    elvirais

    Yes :)

    thanks in advance,
    E

    October 18, 2018 at 8:36 am #1023190
    Rikard

    Hi,

    In all states or only when the header is transparent? If in all states then you can set that under Enfold->Advanced Styling.

    Best regards,
    Rikard

    October 18, 2018 at 10:06 am #1023240
    elvirais

    When the header is transparent.

    (I already changed the enfold->advanced styling but these options do not apply on a page with a transparent header.)

    October 18, 2018 at 5:27 pm #1023503
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - */

/* Main menu on transparent header */	

#top #header.av_header_transparency #avia-menu > .menu-item > a > .avia-menu-text {
	color:gold;
}

    For more info please check https://kriesi.at/documentation/enfold/menu/#main-menu > Main menu on transparent header

    After adding the code please clear the cache to view changes.

    Best regards,
    Vinay

    October 18, 2018 at 6:12 pm #1023538
    elvirais

    Hi… something seems to go wrong with the resolution of this support request. I keep getting the same questions and answers. They are not useful to me.

    In short, I want to change the colour of the menu items on a transparent page on mouse over (= mouse hover). This has been mentioned several times now in this thread.

    October 18, 2018 at 8:20 pm #1023618
    Victoria

    Hi elvirais,

    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.av_header_transparency .av-main-nav > li:hover > a .avia-menu-text {
    color: red;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 20, 2018 at 9:43 am #1024315
    elvirais

    Hi,

    that works perfectly, thank you very much.

    October 21, 2018 at 8:43 am #1024455
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    October 21, 2018 at 10:08 am #1024470
    elvirais

    You can close it, thanks.

    October 22, 2018 at 6:46 am #1024685
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Change menu items color in transparant header’ is closed to new replies.