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, 11 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Plants Store– WordPress WooCommerce Theme
lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Designers – 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.