Home › Forums › WoodMart support forum › WPBakery CSS generator question

WPBakery CSS generator question

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 2, 2025 at 4:00 pm #651168

    fotoviva
    Participant

    In the Tools section there is a part called WPBakery CSS generator.

    How do we use this please? How do I know which of the elements I’m using? Is it still worth doing?

    Thanks

    April 3, 2025 at 10:15 am #651332

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The WPBakery CSS Generator helps optimize your website by only loading the CSS needed for the elements used on your site.

    Navigate to WPBakery Page Builder > CSS Generator > Click Generate CSS > WPBakery will scan your pages and generate optimized CSS based on the elements used.

    It reduces unused CSS and improves page speed, especially if you’re using many WPBakery elements.

    Best Regards,

    April 4, 2025 at 2:04 pm #651758

    fotoviva
    Participant

    Ok thanks, so I don’t have to click any, just click generate and it will sort it all?

    April 4, 2025 at 2:15 pm #651765

    fotoviva
    Participant

    When I checked the page afterwards it had messed up some alignment so I have deleted the file now 🙁

    April 4, 2025 at 3:17 pm #651793

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The WPBakery CSS Generator creates a custom CSS file by including only the styles needed for the WPBakery elements you’re actually using. Since WPBakery’s default CSS file is quite large (and includes styles for elements you may never use), generating a custom file can significantly improve performance — often reducing CSS file size by 200–400 KB.

    However, it’s important to manually check the elements you’re using across your site before generating the file. If you leave out elements that are in use, it can cause layout or alignment issues like you experienced.

    Best Regards,

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