Broken CSS

Hello, after update to version 8.0.2 some styles are broken

Attachments:

You must be logged in to view attached files.

Hi,

1. To fix the issue with footer list images, try to add the following code snippet to the Custom CSS area in Theme Settings. This issue will also will be fixed in the next theme update.

.wd-list .wd-icon :is(img,svg) {
	width: var(--li-icon-s, revert-layer) !important;
}

2. At first glance, your product listings appear to be correct as configured. Please explain this issue in more detail.

Kind Regards

The size of color switcher, settings are the same. First link is production with 8.0.1, second is staging with 8.0.2

Screenshot added

Attachments:

You must be logged in to view attached files.

The difference in swatch sizes occurs because they are configured differently on these sites. Your non-staging site has the swatch size set to M, which equals 35px (https://monosnap.com/file/ZejWd4Fukv6Ghx0AlWgxtjElpabBLR), while the staging site has the swatch size set to XL, which equals 70px (https://monosnap.com/file/SWOIQvRWKntK4EkOFpv7qkuj2JpP05). Try setting the same swatch size (https://monosnap.com/file/hhTOUXUnWPwjAqPakHaLxldKbUBI5s) on both sites to accurately compare their styles.

Kind Regards

[Author]

Posts