Return to previous page

How to change off canvas filter button color

This topic has 7 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Kazi Sabit

  • Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    July 2, 2022 at 15:06

    How to change off canvas filter button color so that visitor can identify this button.

    Booth the color – 1. Background color of the button and logo color of the button

    https://prnt.sc/RyaNIJ77Ahgs

    #328109 Copied Theme version: 8.2
    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 2, 2022 at 15:20

    Hello,

    Use the next custom CSS code:

    .et-toggle-mob-sidebars-inner svg {
    fill: #222;
}
.et-toggle-mob-sidebars-inner .et-toggle {
    background-color: #fcfd38;
}

    Regards

    #328110 Copied
    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    July 2, 2022 at 15:22

    Where should I put it? In Global css?

    Will it work also in desktop? Because I have turned on off canvas filter button also for desktop.

    #328111 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 2, 2022 at 16:05

    Hello,

    Yes, Global area of Theme Options > Theme custom CSS.

    Regards

    #328117 Copied
    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    July 2, 2022 at 16:50

    Thank you for the code. But how to change the color of logo? The filter logo color is set to Black. how to change that too?

    #328128 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 2, 2022 at 17:00

    Please change color here in the code https://prnt.sc/PJFohIYnj9CF

    Regards

    #328130 Copied
    Avatar: Kazi Sabit
    Kazi Sabit
    Participant
    July 2, 2022 at 17:18

    Perfect!

    #328135 Copied

  • Tagged: , , , , , ,

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘How to change off canvas filter button color’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – 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.