Updating Woodmart CSS

Hello,

Afer upadting to the latest Woodmart version, I saw you had changed your CSS and we would need to update custom CSS acordingly. In the examples below, should we replace woodmart with “wd”?

.woodmart-prefooter (this would become “wd-prefooter”)
.woodmart-hover-tiled (this would become “wd-hover-tiled”)

Hello,

Yes, you need to replace woodmart- with wd- in this case.

Kind Regards

Hello Artem,

I have done this, but still when I go to the website it is not showing the custom CSS on first load. I have to always re-load the page again for the custom CSS to show. This is not cache as I am looking at the page in a private wondow and have deleted all WP Rocket cache.

It’s as though the Woodmart custom CSS is not being loaded on the first page load.

Any ideas? I have two screen videos showing this in private content

Try to use the following CSS code instead of your custom CSS

body .category-grid-item .wd-entities-title {
	font-size: 16px;
}

body .wd-hover-tiled .product-wrapper {
    box-shadow: none;
}

Thank you! That seemed to work 🙂

You are welcome!

[Author]

Posts