No results found. Try again with different words?

Search must be at least 3 characters.

How to Get Started with CSS File Generation

Sidebar Image

Did not find a solution? We are here to help you succeed.

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 article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

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