[Resolved] Changing dropdown menu background color

This topic contains 3 replies, has 2 voices, and was last updated by  Puro Support 2 years, 10 months ago.

  • Author
    Posts
  • #2801

    swam
    Participant

    Hi,

    Does anyone know which css class I need to change to alter the bg colour of the dropdown menu?

    I can’t inspect the element as of course it retracts when the mouse is moved.

    cheers

    Sam

    #2803

    Puro Support
    Keymaster

    Hi Sam

    Good to hear from you.

    For interest sake, using Chrome Developer, you can right click on the drop down parent li element and then select the hover state. You can do the same for a link element in the drop down. It’s a very handy part of the Developer section.

    Ref: http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools

    All menu colours are changeable via Appearance > Customize > Theme Design in Puro Premium. The premium version is available for as little as $5 once off. You can check that offering out from Appearance > Puro Premium.

    To make this change via a Custom CSS plugin or a child theme style.css file, use the following:

    .main-navigation ul li:hover > a {
        color: #2ac176;
    }
    
    .main-navigation ul ul li:hover > a {
        background: #2ac176;
    }

    Change the colour values as required. Hope that helps 🙂

    #2804

    swam
    Participant

    Hi,

    Aha excellent. I have the premium theme, but had somehow totally missed that area in the backend!.

    Thanks for the info.

    cheers

    Sam

    #2805

    Puro Support
    Keymaster

    Awesome 🙂 Thanks for your support, it’s most appreciated. If anything else comes up, please, let us know.

    Cheers.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top