CSS Conflict with LiteSpeed Cache

Hi there! 🙂

I just wanted to notify you guys of an issue I’ve noticed ever since updating to Woodmart Version 6.5.x in which the CSS code appears to be duplicating itself as well as incorrectly applying additional styles which were never set before previously.

In the case which I’ve detected, it appears the “mod-tools.min.css” created a duplicate of all it’s styles & additionally added the following 2 lines of code which resulted in the Cart in the Header to have a background colour & incorrect positioning. I have since fixed this by adding my own custom CSS to overwrite the incorrectly added lines:

 .wd-tools-element .wd-tools-count {
	position: inherit !important; (Was initially set to absolute)
	background-color: #fff !important; (Was initially set to var wd to copy the same blue accent used throughout the theme)
}

There are other minor instances of incorrect CSS styling that has occurred throughout the page since updating to 6.5.x and no update has been made to LiteSpeed since – so I’m fairly certain this has been caused by Woodmarts update – and is likely being caused by either the “Minify CSS” or “Load CSS Asynchronously” options, as these are the only 2 active currently.

It also doesn’t appear to have anything to do with the Caching settings of the plugin, as when using the following query strings to load the page without LiteSpeed’s changes “/?LSCWP_CTRL=before_optm” (which disables all CSS & JS optimizations) the page will then load correctly – where as using “/?LSCWP_CTRL=NOCACHE” then the page will still load with incorrect styling applied.

Additionally, I imagine that by having all this CSS code duplicate itself there has also been quite a drop in performance & increased page size.

Aside from the above issue – I’d also like to ask a quick question in regards to the newest demo released “Megamarket” as there’s a feature I find quite intriguing that I’d like to try implementing in the current “Classic” version of the demo theme.

Please see the screenshot attached, there’s a new feature that includes the subcategory structure above the shop page which makes for easy navigation. Is it possible to enable this in the “Classic” demo, and if so, could you please let me know where to find it? Something like would be really useful for my store.

Thank you so much for all your effort put into developing this theme & making it one of the best there is available for Woocommerce!

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide the page URL where we can see that?

As for the second question, this option is provided by WooCommerce layouts builder layouts for product archive page. You will find the Product category widget which can be configured this way.

Best Regards

Hi there Elise! 🙂

Thank you so much.

This is occurring on the homepage, and before I’d added the custom CSS for the Cart in Header it was occurring on every page. I’ve now removed the Custom CSS to demonstrate for you.

I’ve also attached another screenshot to demonstrate another area where this same issue is occurring on the homepage that I haven’t fixed with any Custom CSS Code just yet.

If you need access to developer tools, please click the menu in top right as F12 Keyboard Shortcuts have been disabled. I’d also be happy to provide any further info where you need. 🙂

Attachments:

You must be logged in to view attached files.

Hello,

Could you kindly provide the site admin access as well as FTP? Please insert the credentials into the Private content below the message area.

Best Regards

I have provided the details needed.

I’ve also discovered that the above issue was not caused by Litespeed but rather my configuration of Asset Cleanup Pro, using /?wpacu_no_load fixes the issue from the screenshots above – however there is still a conflict with the Cart in Header as well as duplicated CSS code elsewhere on the page.

May I also please ask, with using the Layout Builder – is there any performance difference in page load time to using it instead of using default theme provided layout? i.e If you were to build 2 identical layouts that look exactly as the default one looks, would the page load faster or slower when using the Layout Builder option?

I’d like to try it – but if it increases page complexity or DOM output size then I’m not sure whether it would be worth using for the long term.

Hello,

Sorry for the delay. Our developers need a bit more time for this issue.

We will get back to you soon.

Best Regards

Hello,

Our developers have checked and seen that the plugin Asset CleanUp: Page Speed Booster excludes some of WoodMart CSS files.

You need to contact this plugin support and find out the way to prevent that.

Best Regards

[Author]

Posts