Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1371504

    I would like to change the button color of an item on my main menu from blue to orange (#e8b04e).

    I tried the CSS from this thread: https://kriesi.at/support/topic/change-the-color-of-a-highlighted-menu-item/

    But that didn’t work for this site

    Thanks

    #1371517

    Hey Ryan,

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

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
        background-color: #edae44;
        color: #ffffff;
        border-color: #edae44;
    }

    Best regards,
    Rikard

    #1371587

    Hi Rikard,

    Thanks for your reply, but that didn’t work either. I’ve included more details in private.

    thanks,
    Ryan

    #1371588

    Hi Ryan,

    Thanks for giving us admin access.
    It seems that the problem is more of a caching issue, I have disabled CSS File Merging And Compression in Enfold > Performance to fix this.
    Also, you can change those colors in Advanced Styling, just change the colors in Menu Item Button.
    Please review your site.

    Best regards,
    Nikko

    #1371592

    Thank you Nikko, that worked! I’ve reviewed the site and everything looks great.

    Are there any site speed / SEO concerns for disabling CSS File Merging And Compression?

    #1371595

    Hi Ryan,

    I don’t think you will have any issues with SEO or speed since the size of the CSS files loaded is small.
    Though I would suggest enabling it a few days from now or probably a week.

    Best regards,
    Nikko

    #1371598

    Excellent, thanks! You can close this out.

    #1371600

    Hi Ryan,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changing the button color in menu’ is closed to new replies.