Select a text element on the canvas to open the Text section on the Design panel's Style tab. This is where you control what your copy looks like and, separately, what it says.
Content vs. styling
The Content input holds the text itself — static copy you type, or dynamic values from Shopify (see the Shopify data articles). The typography controls below Content define how that text renders.
At the top of the Text section, the Style input links the element to a Brand styles text style. Applying a brand text style sets the font, size, weight, and related properties in one step while keeping your site consistent.
Font, weight, and size
Font opens the font picker, with your Custom fonts, Shopify fonts (when your store is connected), and Web fonts (Google Fonts).
Weight sets the font weight — from Thin through Black, depending on the typeface.
Size sets the font size, with responsive support.
Alignment and spacing
Align sets horizontal alignment (start, center, or end).
Distribute sets vertical alignment within the text box.
Spacing groups Line height and Letter spacing.
Color
Color sets the text color independently of any fill. Link a Brand styles color for consistency, or pick any value from the color picker.
More text options
Some options are hidden by default. Click Add on the Text section header to reveal:
Case — uppercase, lowercase, or as typed
Accent — underline or strikethrough
Line break — word-wrapping behavior
Balance — balanced line lengths for headings
Border — a stroke around the letterforms
Shadow — a text drop shadow
Semantic tags
For text elements, you can set the HTML tag (P, H1–H6) under the Settings tab, in the Attributes section. Use it to keep headings meaningful for accessibility and SEO.
Reusing typography
For headings and body copy you use across pages, define a preset in Brand styles → Text styles, then apply it from the Style input in the Text section. Update the preset once and every linked element reflects the change.