Ollie Theme Academy

Implementing Styles

Creating element styles

Element styles target specific HTML elements (links, headings, buttons, captions) that appear across multiple blocks throughout your block theme. These styles override base styles and create consistent treatment for common page elements.

Use the styles sidebar to configure link colors (default and hover states), button styling (text and background colors), heading treatments, and caption formatting. Each element type gets its own section in the typography and colors panels.

For headings, you can style all headings together (like line height) or target individual heading levels (H1 through H6) with specific font sizes and weights. This creates a proper typographic hierarchy throughout your site.

Note that some advanced styling (like additional pseudo-states or hover effects for buttons) still requires manual theme.json editing. The interface covers the most common use cases but isn’t completely comprehensive yet.

Back to: Ollie Theme Academy > Implementing Styles