Return to previous page

Changing the icon used on mobile sidebar filter – is it possible?

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

Niddy

Participant

July 3, 2022 at 11:26
Hi

Just wondering if it is possible to change the icon that is used for the filter on mobile devices as what you’ve used isn’t the recognised filter icon. It should be a filter control icon – so in this case the X-Store icon called “et-controls” or “/e934”.

I was going to override the css but can’t as it’s an svg so is it possible to allow us to choose the icon within theme settings under the filter options for future as it makes life easier?

Also, the clear all filters option shows the wrong icon too so I have added custom css to change this – as shown below – this shows what I want to do with the sidebar activation icon -> https://i.imgur.com/zdJtF8U.png

The css to override the clear all filters icon is as follows – should also be set as standard in my view?
```
.et-clear-filter:before {
    content: "\e934";
    padding-right: 10px;
}
```
Please advise if we can change this icon -> https://i.imgur.com/zdJtF8U.png

Thank you

Please, contact administrator
for this information.
#328164 Copied Theme version: 8.2.1 WooCommerce version: 6
2 Answers
Rose Tyler

Support staff

July 3, 2022 at 12:12
Hello,

Try to use the next custom CSS code:
```
.et-toggle-mob-sidebars-wrapper .et-toggle-mob-sidebar .et_b-icon {
    font-size: 0px;
}
.et-toggle-mob-sidebars-wrapper .et-toggle-mob-sidebar .et_b-icon:before {
    content: '\e934';
    font-family: xstore-icons;
    font-size: 14px;
}
```
is it possible to allow us to choose the icon within theme settings under the filter options for future as it makes life easier? – you can submit a request about adding new option here – https://www.8theme.com/taskboard/

Regards
#328167 Copied
Niddy

Participant

July 3, 2022 at 12:45

Perfect thank you so much 🙂

Works like a charm – brilliant as always

#328178 Copied
Tagged: change icon, customization, mobile sidebar filter, possible, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Changing the icon used on mobile sidebar filter – is it possible?’' has been successfully resolved, and the topic is now closed for further responses

Changing the icon used on mobile sidebar filter – is it possible?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection