WordPress has an easy, built-in way to add custom CSS (Cascading Style Sheets) in the Customizer. You can use several methods to add custom CSS in WordPress, depending on your comfort level and the extent of customization needed. We are going to cover the most straightforward method, let’s get started:
Adding CSS Using Customizer
You would use this section for sitewide changes.
Go to Appearance > Customize > Additional CSS to add custom CSS markup.
Add your custom CSS code in the text area, and hit Publish.
Clear the cache and refresh your website to check the code is working. We recommend Litespeed Caching or WP Rocket for caching your website.
Adding CSS in Posts
You would use this section for individual posts or page changes using Kadence and WordPress.
Go to your post/page.
For Kadence, go to the editor on the right side, click on Advanced, and then at the bottom, there is another Advanced to add your CSS code. For WordPress, go to Blocks > Advanced to add your CSS code.
Add your custom CSS code and hit Publish.
Clear the cache and refresh your website to check the code is working. We recommend Litespeed Caching or WP Rocket for caching your website.
NOTE: If some of these options are unavailable, you most likely do not have the Kadence Pro installed.