Return to previous page

Menu background color - by mariangio - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

  • Avatar: mariangio
    mariangio
    Participant
    December 17, 2018 at 12:59

    Hi
    I have been using that CSS to change the background color of a menu:
    .header-wrapper .navigation-wrapper, .header-wrapper.header-center3 .navigation-wrapper, .header-wrapper.header-advanced .navigation-wrapper, .header-advanced .navigation-wrapper::before {
    background-color: #e39c9c;
    }

    But it doesn’t work if I don’t specify “Important”.
    header-wrapper .navigation-wrapper, .header-wrapper.header-center3 .navigation-wrapper, .header-wrapper.header-advanced .navigation-wrapper, .header-advanced .navigation-wrapper::before {
    background-color: blue !important;
    }

    Though I have 2 different headers and if I do so it changes my menu on the first page (transparent).

    Could you please let me know how to change the color of the menu only on some pages.
    Thanks

    Please, contact administrator
    for this information.
    #206058 Copied Theme version: 5.0.3
    2 Answers
    Avatar: mariangio
    mariangio
    Participant
    December 17, 2018 at 13:03

    For some reason, when I tried again it is now working. Not sure why but all good now.

    #206059 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 17, 2018 at 13:03

    Hello,

    You can add this code in Custom css for page area http://prntscr.com/lw06mp on pages where it is required:

    .header-wrapper .navigation-wrapper {
    background-color: blue !important;
}

    Regards

    #206060 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.