Return to previous page

Colours in Header Menu - by a02887 - on WordPress WooCommerce support

This topic has 3 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Jack Richardson

  • Avatar: a02887
    a02887
    Participant
    August 20, 2016 at 12:26

    Hi!

    This may not be possible, but I was wondering if I could change the colours of each individual heading in the menu on the header? For example, first one blue, second one red, etc.

    It may not be possible without a lot of hassle.

    Thanks!

    #137260 Copied Theme version: Classico
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 22, 2016 at 07:57

    Hello,

    Unfortunately, there is no such option in our theme.

    Regards,
    Rose Tyler.

    #137311 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 22, 2016 at 08:14

    Hello,

    You can change color for menu items using this css code:
    For “New In”:

    .menu-item-189 > a {
    color: red !important;
}

    For Women’s:

    .menu-item-195 > a {
    color: black !important;
}

    For Men’s:

    .menu-item-196 > a {
    color: grey !important;
}

    For Pre-Order:

    .menu-item-192 > a {
    color: green !important;
}

    For Sale:

    .menu-item-186 > a {
    color: yellow !important;
}

    Best regards,
    Jack Richardson.

    #137315 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
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Coffee Store – 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.