How to Get Started with CSS File Generation

How to Get Started with CSS File Generation

Astra 4.0.0 update provides a new way for CSS file generation for faster browsing caching. You will need the Astra Pro plugin installed and activated to find this feature! This article explains how you can enable the File Generation option.

1) Head over to your WordPress Dashboard, and then click on the Updates Tab

2) You will see the update notification for the Astra theme and Astra Pro – v4.0.0

3) First, select and update the theme and then update Astra Pro.

4) Head over to the Astra Dashboard Settings tab to see the File Generation section.

5) Enable the File Generation toggle button.

Note

Astra loads the CSS and JS inline on the page by default. If you want to generate separate CSS and JS files for individual addons, enable this option. Please read this article to learn the difference between generating CSS and JS inline and in a separate file.

6) Once you have updated the theme and the plugin make sure to clear your browser cache (Ctrl + F5).
Alternatively, if you use any type of Cache Plugin, you can use that as well to clear the cache.

Note

If you still want to load the inline CSS and do NOT generate separate CSS files within your Astra/ Astra Pro themes – disable the above option and refresh the page.

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

On this page

Take the First Step Toward Success Now.

You’re backed by an amazing team and a risk-free money-back guarantee!

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

This field is required.

REWIND

YEAR IN REVIEW

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form