Return to previous page

Menu background color - by mariangio - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 6 years 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
Beauty – WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Plants Store– WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce 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.