Changing website theme, colors, and fonts

Written by Madeline B.
Last Updated: 3 Sep., 2025

Customizing your website’s style can help keep your brand consistent and make your site more appealing to visitors. In the B12 Editor, you can:

Change your overall theme
Customize your website's color
Adjust your fonts

Accessing your style settings

In the left sidebar menu, select Website > Style.

The Style settings allows you to:

Change your website’s theme to update its overall design.
Select a new color palette to refresh the look of your site.
Adjust your fonts to match your brand’s style.
Update your button colors and styles.
Customize your theme and animation settings.

Changing your theme

Important: Switching themes will overwrite previous style or formatting changes, including any custom code. If you're unsure, contact the B12 Support Team before proceeding.

1. In the Style section, select Theme in the left sidebar.

2. Use the filters in the left sidebar to refine themes by style or color scheme.

3. Browse the theme options on the right, pick your preferred theme, then click Select.

Tip: You can also change an individual section's layout without adjusting your full theme.

If you want to undo changes, you can restore a previous version of your site by following these instructions.

Changing your color scheme

1. In the Style section, select Colors in the left sidebar.

2. Choose one of the preset palettes: Bright, Traditional, or Dark. The changes will be automatically applied.

3. Use the advanced color options to customize colors manually. For more advanced adjustments, see this article on overriding styles.

Changing your font

1. In the Style section, select Fonts in the left sidebar.

2. Choose one of the featured font pairings to apply sitewide. This updates text styles for buttons, titles, subtitles, and more.

3. Click on Advanced font options to make detailed font changes. For full customization, see manually overriding your website’s fonts.