NO BUG: Products filter element not sized to fit content

Bugs
1

Browser: Chrome 110
OS: Windows

The product filter element is not sizing based on the content. This happens even though no further styling or CSS is applied. Furthermore I noticed the checkboxes are not displayed correctly.

image

2

Hi Mike,
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue. Would you please provide a live link?

Best regards,
timmse

3

Hi Timmse,

Please check https://foox.style/product-category/jongens/

4

Hi Mike,
It’s because of your custom checkbox styling which applies to form.checkbox, not to the checkboxes themselves.

The correct selector should be something like .filter.checkbox type[checkbox] {...}

CleanShot 2024-06-07 at 11.01.51@2x
CleanShot 2024-06-07 at 11.01.51@2x1920×916 148 KB

5

I have been searching where this style is applied but cannot find it. What I did so far:

  • Disable css minification and combination to see original files;
  • Disable all plugins except WooCommerce;
  • Check custom css in Bricks;
6

@mikevansighem

Looks like it’s coming from Core Framework.

7

@kidde12

I rechecked this by disabling Core Framework but the issue is still there.

8

Well, I’m sorry to say but you have that class .checkbox somewhere, without access to the admin part of the website, I can’t help more.

9

@kidde12

I did do a bit more digging and found it is coming from post ID 714. Here the style was applied under ‘Page settings’.

Thanks for the help