Change Conversion Block fonts and colors

Blocks use your theme's font. Colors, sizes and spacing come from each block's own settings. Your theme's color settings and CSS don't change them, so a block won't follow a color change in your theme.

Change a block's look

1. In Shopify admin, open Online Store → Themes.
2. Click Customize on your theme.
3. Open the template and select the block.
4. Change the color, size, Border, Roundness and Background settings.
5. Click Save.

Most blocks have a group called Appearance and a group called Padding.

Can I pick another font?

No block has a font picker. The block takes the font of the theme text around it. To use another font, change your theme's font or add a rule in Custom CSS.

Space around a block

Use the block's Padding settings. For a gap between two blocks, add a Space & divide block.

Related

• Add custom CSS to Conversion Blocks
• Add the Space & divide block

Also searched as: block doesnt match theme, change block color, block font, font size block, wrong font, block style, match my theme, block looks different, colors not matching