Custom CSS to External File is a lightweight WordPress plugin that automatically moves the Custom CSS from the WordPress Customizer to an external CSS file. This improves website performance by reducing inline CSS and ensures that your custom CSS remains persistent even if the Customizer settings are reset.

Features

Saves Customizer CSS to an external file automatically.
Improves website performance by removing inline styles from the .
Ensures CSS persistence, even if Customizer data is lost.
Provides an option in “Tools > Custom CSS to External File” to view the saved CSS.
Adds an activation setting to enable or disable external CSS usage.
Easy access to plugin settings via a link on the plugin page.

Installation

Upload the plugin to your WordPress site.
Activate the plugin through the “Plugins” menu in WordPress.
Go to Appearance > Customize > Additional CSS and add your custom CSS.
The plugin will save the CSS as an external file automatically.
To enable external CSS, go to Tools > Custom CSS to External File and activate the option.

Frequently Asked Questions

Where is my CSS stored?

The CSS is saved in /wp-content/uploads/custom-css-external-file/custom-css.css

Can I edit the CSS manually?

Yes, the CSS file is accessible via FTP, and you can also view it under “Tools > Custom CSS to External File.”

What happens if I disable the plugin?

Your site will revert to using inline Customizer CSS.

How do I activate or deactivate the external CSS file?

You can toggle the activation option in Tools > Custom CSS to External File.

Bugs, suggestions, or feedback?

Send an email to [email protected]

Review feed

No reviews available

Screenshots

No screenshots available

Changelog

1.0

Initial release.

2.0

Allows to Custom CSS Edition in Backoffice and see the changes reflected live

3.0

When edition the CSS in the Backoffice, CSS is not included so you can see the changes reflected

Back to plugins