Return to previous page

Filter icon colour - by MJGRand - on WordPress WooCommerce support

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

  • Avatar: MJGRand
    MJGRand
    Participant
    May 22, 2021 at 19:50

    Hi, i would like to change the colour of Marselle theme product catalog filter icon(siderbar widget) on mobile. Here is a picture of icon:

    How do i do that step by step?

    #288623 Copied Theme version: 1
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 23, 2021 at 07:10

    Hello,

    Add the next code in Theme Options > Theme custom CSS > Global custom CSS:

    .et-toggle-mob-sidebars-inner svg {
    fill: #6c1ed7 !important;
}

    Regards

    #288632 Copied
    Avatar: MJGRand
    MJGRand
    Participant
    May 30, 2021 at 12:58

    Great it working! But what about BG colour for the same icon? Because this code changes only the pin colour.

    Also i would like to do the same for” Scroll Loader” icon. When you scroll down and it shows how much left to scroll. I want to change the loading circle instead of black.

    Thanks

    #289376 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 30, 2021 at 15:55

    Hello,

    .et-toggle-mob-sidebars-inner .et-toggle {
    background-color: black;
}
    .back-top span {
    color: red;
}
.back-top svg path {
    stroke: red;
}

    Regards

    #289384 Copied
  • Viewing 4 results - 1 through 4 (of 4 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
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 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.