When the builder's settings are not enough, add your own CSS for the whole site or for a single element.
Go to Pages and Menus, then Custom CSS. Write your CSS in the editor and click Submit new code. It loads on every page of your site.
The stylesheet can be up to 65,535 characters long.
Every element in the page builder has a CSS section with three fields.
CSS class
One or more class names separated by spaces. Style them in your site-wide stylesheet.
HTML ID
An anchor name without the # symbol. Link to it with /page#your-id.
Custom CSS
Declarations for this element only, such as letter-spacing: 2px; opacity: 0.9;. Up to 5,000 characters.
Here is how a class links an element to your stylesheet.
1
Name the element
Give a section's element the CSS class highlight.
2
Style the class
In Custom CSS, add a rule for .highlight with the look you want.
3
Save
Click Submit new code and reload your page.
The stylesheet also loads in your admin panel. Broad rules such as ones for every button or heading restyle the admin screens too. Target your own class names instead.
Set colors, fonts and branding in the Theme screen first. Use custom CSS for the details the theme does not cover.
