Return to previous page

Bug: broken icon on layered nav filter ( visible on hover/active)

This topic has 2 replies, 2 voices, and was last updated 1 week, 4 days ago ago by Jack Richardson

Andrei Andrei

Participant

April 5, 2026 at 17:44

Subject: Bug: broken icon on layered nav filter ( visible on hover/active)

Hi,

I’m using XStore theme on my WooCommerce store and I have an issue with the layered navigation filter widget.

When a filter term is selected or hovered, a broken icon character () appears in front of the term label instead of a proper checkbox or checkmark. This happens on all attribute filters in the sidebar.

Can you please let me know:
1. Which CSS class or element controls the checked/active state icon for layered nav filter items?
2. How to replace or hide the broken icon and show a proper filled checkbox or checkmark instead?

The issue is visible on the frontend — screenshot attached.

Thank you.

Files is visible for topic creator and
support staff only.

#468357 Copied

1 Answer
Jack Richardson

Support staff

April 6, 2026 at 06:15
Hello @Andrei Andrei,

The issue is caused by your current Elementor configuration for the CSS print method, which is set to “Inline CSS.” This option is recommended for debugging purposes, while the “External CSS File” method is suggested for live websites.

If you would like to resolve the issue using custom CSS, please use the following code:

.etheme-elementor-sidebar .sidebar-widget { --widget-checkbox-icon-code: "\e918"; }

For more information, please refer to the following topic:
https://www.8theme.com/topic/unrecognized-element-on-the-checkbox-search-page/#post-444265

Custom CSS implementation: https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best regards,
Jack Richardson
The 8Theme’s Team
#468382 Copied
Viewing 2 results - 1 through 2 (of 2 total)