Return to previous page

Change background color of filter on mobile

This topic has 2 replies, 2 voices, and was last updated 3 months, 2 weeks ago ago by Tony Rodriguez

maybendeler

Participant

September 3, 2024 at 10:49

Goodday, is it possible to change the background color of the mobile filter icon, since the white background does not stand out and it is not recoginzable for the customer. see screenshot.

Files is visible for topic creator and
support staff only.

#412861 Copied Theme version: 9.3.18

1 Answer
Tony Rodriguez

Support staff

September 3, 2024 at 11:51
Hello, @maybendeler,

Thank you for contacting us and for using XStore.

1. To modify the button colors, please insert the following custom CSS code in the designated section: Navigate to XStore > Theme Options > Theme Custom CSS > Global CSS.
```
@media only screen and (max-width: 768px) {
.elementor-1267 .elementor-element.elementor-element-42ad1411 .etheme-elementor-off-canvas__toggle .elementor-button {
      color: #40a5ff !important;
    background-color: #447e0c !important;
    border-style: solid !important;
    border-color: #E1E1E1 !important;
}
}
```
You can change the color in code as per your requirement.

We hope this information proves helpful to you. Should you have any more questions or require further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team
#412872 Copied
Tagged: best woocommerce themes, change filter background color, customizable woocommerce themes, mobile friendly woocommerce, top selling woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)