- Help Center
- Using the B12 Editor
- Style & Design
-
How To Get Support
-
Getting Started
-
Using the B12 Editor
-
Launch your B12 website (Do it yourself)
-
Launch your website with B12 Experts
-
Domains
-
All about your B12 account
-
Blogging with B12
-
Payments & Invoicing
-
Contact forms & Intake forms
-
Managing your contacts
-
Online scheduling
-
Email Marketing
-
Contracts & e-Signatures
-
Multi-user
-
Analytics & SEO
-
Using integrations with B12
-
FAQ
-
Internal
Changing Website Theme, Colors, and Fonts
![]() Written by Meredith
Last Updated: 26 Feb. 2025 |
You can edit your website's overall theme, color scheme, and fonts by clicking Website, then Style from the main menu.

Change your theme
You probably chose a theme when you first built your website, but you can switch to a different theme if you're looking to change your website's overall style.
Important: Changing your theme will overwrite any style/formatting changes you've made to your site previously, as well as any custom code.
1. Under Style, click Theme.

2. Select a theme to change the layout of your entire website.
Note: You can also change an individual section's layout.

3. If you see this warning and you're not sure if you should continue, contact our Support team for help!

If you aren't happy with your new theme, you can restore a previous version of your website by following these instructions.
Change your color scheme
1. Click Colors.
2. Select a color palette.
Click Override Colors to make color changes to specific site elements.
Change your font
1. Click Fonts.
2. Select a Font pairing.
Click Override Fonts to make changes to specific text elements or adjust the font for particular screen sizes, such as mobile devices.