Change heading font size in Image with Text Block

Store Design

Topic summary

A user wants to modify the heading font size within Shopify’s “Image with Text” block but found that editing the image-with-text.liquid file directly didn’t work.

Two solutions were provided:

  1. Theme CSS file modification: Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code. Locate the theme’s CSS file (base.css, style.css, or theme.css) in the Assets folder and add custom CSS targeting the heading element (e.g., .ImageHero__BlockHeading h3 or similar selector) with a font-size property.

  2. Custom CSS section: Add CSS code directly to the Custom CSS field of the specific Image with Text section, targeting the h3 element with the desired font-size value (e.g., font-size: 2rem).

Both approaches involve adding CSS rules rather than modifying the liquid template file.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
3

Hi @EmBnotte

You can add this code to Custom CSS of that image with text section to change the font size of the heading.

h3 { font-size: 2rem; }