How to Use CSS Live Editor

How to Use the CSS Live Editor?

This is a simple guide for beginner users of CSS Live Editor.

After activating the plugin, visit the frontend of your website. If your account has privileges to edit theme options or settings, the CSS Live Editor button will be available in the admin bar.

Click the CSS Live Editor to show the editor window. Just type in your CSS or SCSS styles in the editor. Your website's styles should update as you type. When done, click on the save button. Your styles should now be applied in your frontpage.

You can use the dropdown to select and edit the styles for the different parts of your site.