How to make button text bold on Shopify emails?

Topic summary

Issue: The email editor no longer offers a font-weight (bold) option for button text, causing inconsistent typography across newsletters and potential readability concerns. Screenshots show current font settings lacking a bold toggle for buttons.

Workaround proposed: Use a Custom Liquid section to build the button with HTML/CSS instead of the standard Button block. Apply CSS with font-weight (e.g., 700) to force bold text and style the button (background, padding, border-radius, etc.). For a full-width button, change display from inline-block to block.

Scope and limitations: This fixes buttons only; other non-text modules lacking font-weight controls would need to be recreated in HTML/CSS within Custom Liquid as well.

Context: A previously available “easy” font-weight selector was removed, prompting the need for a manual solution. The preview image compares the default button (top) and the Custom Liquid version (bottom) with bold text.

Status: No native toggle reinstated; the thread offers a practical workaround, not an official fix. Open/ongoing with no confirmed product change from Shopify.

Summarized with AI on December 20. AI used: gpt-5.

Struggling with this one. Previously there was an option to pick a text font and then either italic, bold, regular. However, whilst this works for block text, there no longer seems to be an option for this on buttons and/or non-text modules. Attached screen grabs to show the options I have - no bold..

It’s not a deal breaker but if I can’t change this, then there is a lack of consistency visually across my email newsletter and it’s possibly less accessible to read too… which is just annoying!

2 Likes

Hey there,

I too remember the (now removed) easy font weight selection option!

Instead of using the standard ‘Button’ section, you’ll now need to use a ‘Custom Liquid’ section.

I have added code (see below) to start you off, you just need to modify the CSS to your preferred style.

Preview (original above, custom liquid below):

Custom Liquid


  [Button](https://LynasMedia.co.uk)

For a full width button, simply change display from ‘inline-block’ to ‘block’.

I appreciate this doesn’t resolve the problem across other sections, only for the ‘Button’ section, so you’ll need to recreate any other sections yourself in HTML/CSS the same as I have done above.

I hope this was helpful, let me know how you get on.

Ellis [email removed] LynasMedia