Theme settings

Theme settings control the main colors, fonts, and button styles for pages using your theme templates.

1. Open theme settings page

To edit your theme settings, you'll first need to create a page with a theme template. The theme settings can be accessed within the page editor by clicking the Design tab on the left. Then click Edit theme settings.

Customizing colors, fonts, and spacing will set the default styles for all the elements on your page. If you want to edit specific details such as link colors, button colors, or default form colors, click Edit next to More settings to view additional theme settings available for your templates.

2. Global Colors

Your theme's color settings apply a primary, secondary, and background color to all elements included in your theme templates. These styles will be applied to all elements on your website. To customize more specific settings for headings, fonts, and links, click Edit next to More settings.

Please note: some elements have their own colors that have been configured in the modules.

3. Global fonts

Choose a primary and secondary font to apply to your website's headings, forms, buttons, and body text. All Google fonts are supported. Click the color bubble to customize your primary or secondary font colors. You can choose a simple color value or click the Advanced tab and choose a specific hexadecimal value with a color picker.

4. Website header

Customize the background, colors of the main menu.

5. Typography

In your typography settings, you can control the fonts, colors that apply to the heading tags(H1, H2, H3, H4, H5, H6), subheadings, links in your templates. All Google fonts are supported.

6. Buttons

You can set custom colors for buttons on your pages and blog.

7. Forms

Customize the default colors, fonts, and text styles for your forms.

8. Tables

Set the default colors, and borders for tables added to your page.

9. Spacing

Your theme settings for spacing control the maximum width of your page content, and the vertical spacing in between different elements on your page.

These settings control the colors and fonts that appear in your page footer.

Last updated