For General Themes #
Sometimes design issues might arise because of the conflict between the theme and plugin or you might need to make a new design according to the site’s requirements, At that time you need to add Custom CSS.
Well, adding Custom CSS code is quite straightforward as long as you are familiar with the basics of HTML and CSS. Follow the steps below to add the CSS you wrote or provided via our support channel.
Go to your admin dashboard and follow the steps below.
- Go to Appearance >>Customize>>Additional CSS
- Add the CSS code inside the editor.
- Click on the Publish button of Customizer.
For example: If you want to change the Button Color of the Everest Form, you can add the following CSS code inside the Additional CSS box as shown below:
.everest-forms button[type=submit] {
background-color: #5b9bf8;
color: #fff;
}For FSE/Block Themes #
For Full Site Editing (FSE) or Block themes, such as Twenty Twenty-Four, the Customize option is hidden. Differing from general themes, the Customize option can be found under Appearance > Editor in the WordPress dashboard. To add custom CSS in FSE or Block themes, follow these steps:
- Go to Appearance > Editor in your WordPress dashboard.
- In the Site Editor, click the side arrow next to Styles, as shown below.
- After that, click on the pen icon to edit the theme’s styles as shown below:
- Now, an interface will open to edit the styles. Click on the three-dot icon in the top right corner. From the dropdown menu, select Additional CSS. Here, you can add your custom CSS.
