Prefooter alternate brands gets blurred after hover

Hi, On the prefooter (brands) on the Woodmart Grocery, it shows blurry logo when the hover animation as finished, how can I fix it? Im seeing on Chrome. It happens on the official demo example too:

https://woodmart.xtemos.com/shop/?filter_brand=klober (look prefooter with brands).

Thanks.

Hello,

Please edit the HTML Block used in the pre footer area under Theme Settings >> Footer.

Then edit the brand element and set the hover option to simple then clear cache and check back.

Screenshot for Clarification: https://ibb.co/D1xq8Gd

If you are trying to ask anything else then please provide some relevant screenshots of the specific area to check it myself and help you out accordingly.

Best Regards.

Hi,

Go to the link on the private content. You will see the prefooter with the brands on the bottom. If you hover, it will shows correctly, but when the animation finish, the image gets blurred. I attach images for clarify this, one is the blurred and the other no, doesn’t matter if you modify the option from alternate to simple, it happens on the two. (I tried it and cleared cached but didn’t worked). Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.brands-hover-alt .brand-item img {
	opacity: 1;
	filter: none !important;
	transition: none !important;
}

Best Regards.

[Author]

Posts