Important!

Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder.

You can also read this article, which explains how to add custom CSS in Thrive Theme Builder.

Sometimes you want to add some custom styling to your theme that is not available as an option. In that case, you can add custom CSS that will overwrite the default styling.

Site-Wide Custom CSS

The first method is to add custom styling that will be applied across your entire site. This is the typical and more common way to add custom styles to a theme:.

First, in your WordPress admin dashboard, click on Thrive Dashboard:

Look for the active theme card, and click on "Theme Options":

On the new page that opens, click on the "Style & Layout Settings" section of the left sidebar:

Here you will see a "Custom CSS" section where you can insert your new styles:

Paste in the script that you have, and then click on "Save All Changes":

Page or Post-Specific Custom CSS

If you want, you can also add custom CSS to only one specific page or post.

To do that, you first have to access the editor for the page or post you want to edit:

In the page/post options below the editor, you'll find the "Custom Code" section, where you can add styles that will only be applied to this specific page or post. Scroll down on your page until you reach this section:

Click on the "Custom Code" section of the left sidebar list of options and paste the code in the corresponding field:

Lastly, don't forget to save your changes:

And that's it! This is how you can add custom CSS to your theme or individual post/pages for your website.

I hope you found this tutorial useful. If so, don't hesitate to give it a smile below :)

Did this answer your question?