Okay
  Public Ticket #2016884
How to change the bg colour of the footer area?
Closed

Comments

  •  1
    mtmymtm started the conversation

    What's the best way to modify the footer area background? It's currently dark blue'ish. I can add and modify the widgets in the area but can't seem to find a place where to set the bg colours.

  •  675
    Neuron replied

    Hi,

    Well, we haven't added any specific option for that, except the option to choose between dark and light skin. You can change their colors, by adding the following Custom CSS. First one is for widgets.

    .l-primary-footer .l-primary-footer__widgets {
        background-color: your_color !important;
    }

    And this is for the copyright.

    .l-primary-footer .l-primary-footer__copyright {
        background-color: your_color !important;        
    }
    

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •  1
    mtmymtm replied

    A that makes sense why I couldn't find anything for it.

    How would I do change the colour for the Main Menu pop up background?

    I mean the pop up widget with sub menu items?

  •  675
    Neuron replied

    Hi,

    Do you mean of the submenu background color?

    ul.sub-menu {
        background-color: your_color !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •  1
    mtmymtm replied

    Hmm. That didn't work. I've added that to css and also reset the page cache.

    I mean the menu background that pops up in responsive mode when you click the main menu hamburger icon. It also pops up when you hover over the shopping cart in desktop mode and it says "No products in the cart". It's got the default dark blueish couolr as it was in the footer as well.

  •  675
    Neuron replied

    Hi,

    I thought you were asking for the dropdown, I didn't know that you're asking for the mobile menu.

    @media (max-width: 991px) {
        .l-primary-header.l-primary-header--responsive .l-primary-header--responsive__nav nav ul.menu {
            background-color: your_color !important;
        }
    }

    For the mini cart.

    .o-mini-cart {
        background-color: your_color !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •  1
    mtmymtm replied

    Great. I wasn't aware those were all set separately. Thanks a lot!

  •  675
    Neuron replied

    You're welcome anytimesmile.png


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.