The Custom Styles tab lets you write CSS that is applied on top of your selected theme. Use this to adjust colors, spacing, fonts, or any other visual detail that the theme does not expose through its own settings.
How to Add or Edit Custom CSS
- Navigate to Administer Site > Settings > Themes.
- Click the Custom Styles tab.
- Type or paste your CSS into the Custom CSS text area.
- Click Save to apply your styles.
Your CSS is applied after the theme's own stylesheet, so your rules will override the theme's defaults wherever there is a conflict.
Tip: To undo all custom styles, clear the text area completely and click Save.
Things to Know
- The text area uses a monospace font to make it easier to read and write CSS.
- Custom styles are saved separately from the theme selection. Switching to a different theme does not erase your custom CSS.
- Custom styles apply site-wide, to all pages and all visitors.
Warning: Incorrect CSS can cause layout or display problems across your entire site. If something looks wrong after saving, return to Custom Styles, remove or correct the offending rule, and save again. If you are unsure of a change, test it in your browser's developer tools first.