How To Add Custom CSS Per Page / Post


With the new Fusion Builder, you can now add Custom CSS to each individual page. This new option makes it easier for you to manage your custom CSS. To learn how to add custom CSS to each page, please continue reading below. If you want to add custom CSS that affects your site globally, you can do so in the Avada > Theme Options > Custom CSS section. Please read our How To Apply Custom CSS document for more information on applying CSS generally.

IMPORTANT NOTE: This feature is only available in the new Fusion Builder released with Avada version 5.0.

How To Add Custom CSS Per Page/Post

Step 1 – Create a new page or edit an existing one.

Step 2 – Activate the Fusion Builder by clicking the ‘Use Fusion Builder’ button on top of the page editor.

Step 3 – On the main Fusion Builder toolbar, you’ll see the ‘Custom CSS’ icon.

Step 4 – Click this icon to expand the Custom CSS field. In this field, insert the custom CSS that you want applied to that specific page.

Step 5Please note that custom CSS you add to this option will only apply to the specific page you add it to.

Step 6 – Click ‘Save Draft’ or ‘Publish’ to save your changes.