CSS Generator doesn't have Update option

Hello,

https://xtemos.com/docs/woodmart/css-generator/
The link mentions an “Update” button in order for effects to take place but I have none.
The only button that is out there is “Delete”

So, how can I generate custom CSS and implement it?
By the way, I use Woodmart Child theme (perhaps this is the problem?)

Thanks

Hello,

The “Update” button appears in a case when you have an outdated version of the generated file. For example, you update the theme to a new version 4.6 and the generated file was created with version 4.5. Then the update button will come and you will be able to actualize your generated style.css.

Kind Regards

Greetings Artem,

If I see this:

Custom CSS file is generated
File: style-1586283578.css
CSS Version: 4.5.2
Theme version: 4.5.2

Then the file is updated and is used with all ticked/unticked options?

I have turned off some of the styles but they are still working intact. That’s weird.
Is there a way to check if created CSS actually used in the theme?

I’m eager to optimize CSS and JS in order to get better Pagespeed Rank.
Also I’m using Autoptimize if this has something to do with combining and caching old CSS files.

EDIT:
I’ve turned off main product presentation style and it still shows as usual.
Looks like it doesn’t catch up with the generated CSS?

Could you please specify what exactly styles have you disabled and where do you see them? Send us a screenshot and a link. Also, be sure that you don’t have any optimization or cache plugin running since they may cache old CSS files.

I’m running the website on openlitespeed server w/ LSWS plugin.
I turned off all minification options, generated new CSS, then turned them on.
By the way, I noticed an Update button when upgraded the theme to 4.6.0 recently.
Any way to know for sure via some kind of debugging that unused code isn’t loading?

Here’s what I turned off: https://imgur.com/cIlVQLV
So perhaps you may point me out where to look in currently used minified css?

Artem, I checked the loaded .css file and it’s way bigger rather than generated one.
https://imgur.com/2QSXiY7

Generated one is 463KB, the file that’s used is 732.7KB, original one I suppose?
How can I implement minified one without any hassle?

Also, I’m curious about other css. It can give me additional 100KB+, what about JS (see screenshot)
Basically I’m going all in with Pagespeed optimizations and Woodmart has a lot of overhead that can be shaved.

Dyakuyu

Hello,

By the way, I noticed an Update button when upgraded the theme to 4.6.0 recently.
Any way to know for sure via some kind of debugging that unused code isn’t loading?

If you turned these points off then their styles will no longer be loaded.

Generated one is 463KB, the file that’s used is 732.7KB, original one I suppose?
How can I implement minified one without any hassle?

Of course, that is the main aim of the CSS generator – to reduce your main CSS size by removing unnecessary elements.

Also, I’m curious about other css. It can give me additional 100KB+, what about JS (see screenshot)

These JS files are required for our theme but if you will use some cache plugin like WP Rocket they will be combined and not cause any problems for your performance.

Hey Artem, looks like the whole thing was in Child theme that wasn’t applying any edited CSS.
I had a problem with images not displaying in a single product so as a last resort I switched to a regular theme and problem went away but then I noticed how other ticks in CSS Generator started to respond as well (most of all RTL that I accidentally turned on and everything went right to left)

A bug I see?

And now I can see the generated CSS actually loading.

By default, the child theme is empty and can’t break anything on your website. If you see some problems with that, probably, you have added some custom code with bugs to your child theme.

I see. Ok, will look into that. Thanks.

[Author]

Posts