Home › Forums › WoodMart support forum › CSS Generator doesn't have Update option

CSS Generator doesn't have Update option

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 7, 2020 at 3:42 pm #185188

    goodmanrams
    Participant

    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

    April 8, 2020 at 6:21 am #185290

    Artem Temos
    Keymaster

    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

    April 8, 2020 at 6:44 pm #185528

    goodmanrams
    Participant

    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?

    April 8, 2020 at 8:00 pm #185536

    goodmanrams
    Participant

    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?

    April 9, 2020 at 6:01 am #185577

    Artem Temos
    Keymaster

    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.

    April 17, 2020 at 5:56 pm #187953

    goodmanrams
    Participant

    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?

    April 18, 2020 at 1:07 am #187982

    goodmanrams
    Participant

    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

    April 18, 2020 at 8:54 am #188043

    Artem Temos
    Keymaster

    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.

    April 19, 2020 at 11:00 pm #188372

    goodmanrams
    Participant

    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?

    April 19, 2020 at 11:18 pm #188373

    goodmanrams
    Participant

    And now I can see the generated CSS actually loading.

    April 20, 2020 at 6:10 am #188403

    Artem Temos
    Keymaster

    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.

    April 24, 2020 at 1:03 pm #189685

    goodmanrams
    Participant

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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘CSS Generator doesn't have Update option’ is closed to new replies.