Setting Up Typography & Global Styles

Typography Documentation for Dorik Builder

Global Typography for Paragraph and Button Text

To setup typography for paragraph and button. Click on "Global Styles" from top left of the navigation. Click "Body / Paragraph Typography" accordion.

Set the global font size, line-height, spacing and color for all paragraph texts.

It's possible to set custom font size, line-height, spacing and color for any element later. See Style & Editing documentation of the elements.

Global settings won't affect if any element has custom typography setting set by user.

Global Heading / Title Typography

To setup typography for headings / titles. Click on "Global Styles" from top left of the navigation. Click "Heading Typography" accordion. Configure typography for H1 to H6.

You can set the global font size, line-height, spacing and color for H1 to H6

You can set custom font size, line-height, spacing and color for any element later. See Style & Editing documentation of the elements.

Global settings won't affect if any element has custom typography setting set by user.

Body Background

To change background styles for whole website. Click on "Global Styles" from top left of the navigation. Click "Body Background" accordion.

Container & Column

To change container width and column gap. Click on "Global Styles" from top left of the navigation. Click "Container & Column" accordion.