Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 9, 2024 at 9:29 pm #1468749
    bemodesign

    ****ADULT CONTENT WARNING***
    On the Menu, I have the “SHOP” button set to “button style Colored”, but hen I do a rollover, it’s the same color as the box. How can I change the rollover color of just this menu item?

    Thanks!!

    October 10, 2024 at 10:07 am #1468784
    Rikard

    Hey bemodesign,

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

    .main_menu #menu-item-11678 a:hover {
  color: green; 
}

    Best regards,
    Rikard

    October 11, 2024 at 7:32 am #1468897
    bemodesign

    ****ADULT CONTENT WARNING***

    Nothing changed for the “SHOP” menu item.

    October 11, 2024 at 9:17 am #1468905
    Rikard

    Hi,

    Please try this instead:

    .main_menu #menu-item-11678 a:hover .avia-menu-text {
  color: green; 
}

    Best regards,
    Rikard

    October 11, 2024 at 9:30 am #1468907
    bemodesign

    its weird and still won’t work. I even added “!important” and it didn’t work.

    October 11, 2024 at 4:14 pm #1468926
    Rikard

    Hi,

    Please try this instead:

    .av-main-nav > #menu-item-11678:hover > a {
  color: green; 
}

    Best regards,
    Rikard

    October 11, 2024 at 6:37 pm #1468946
    bemodesign

    Still no

    October 12, 2024 at 6:00 pm #1468992
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #header.header_color .av-main-nav > li#menu-item-11678 > a:hover,
#top #header.header_color .av-main-nav > li#menu-item-11678 > a:focus,
#top #header.header_color .av-main-nav > li#menu-item-11678 > a:hover .avia-menu-text,
#top #header.header_color .av-main-nav > li#menu-item-11678 > a:focus .avia-menu-text,
#top #header.header_color .av-main-nav > li#menu-item-11678 > a:hover .avia-menu-subtext,
#top #header.header_color .av-main-nav > li#menu-item-11678 > a:focus .avia-menu-subtext,
#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-11678 > a:hover,
#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-11678 > a:focus,
#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-11678 > a:hover .avia-menu-text,
#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-11678 > a:focus .avia-menu-text,
#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-11678 > a:hover .avia-menu-subtext,
#top #header.header_color.av_header_transparency .av-main-nav > li#menu-item-11678 > a:focus .avia-menu-subtext {
	color: green;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    October 15, 2024 at 12:17 am #1469116
    bemodesign

    I added this and nothing

    October 15, 2024 at 12:10 pm #1469144
    Rikard

    Hi,

    Thanks for the update. The login details you posted earlier are not working, please check so that we can login to your site.

    Best regards,
    Rikard

    October 16, 2024 at 3:23 am #1469186
    bemodesign

    ****ADULT CONTENT WARNING***
    sorry about that. try this

    October 16, 2024 at 6:03 pm #1469261
    Mike

    Hi,
    You have this PHP code in your Quick CSS breaking the css below it:
    Enfold Support 6505
    I moved the css to the top and now it works:
    Enfold Support 6507
    but you should still remove the PHP code and add it to your WPcode plugin as a PHP snippet, unless you already did.

    Best regards,
    Mike

    October 16, 2024 at 7:53 pm #1469265
    bemodesign

    Thanks!!!!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Menu Rollover color change’ is closed to new replies.