How can I adjust spacing and font size in the Refresh theme?

Shopify Discussion

Topic summary

A user seeks help adjusting two elements in Shopify’s free Refresh theme:

Issues identified:

  • Increasing spacing between the “emitting color” variant section and product pricing
  • Enlarging the “Add to cart” button font size

Solution provided:
A community member shared CSS code to be added to the base.css file in the theme’s Asset folder:

  • For spacing: .variant-radios.no-js-hidden { margin-top: 2rem; }
  • For button font: .product-form__submit button span { font-size: 2rem; }
  • The 2rem value can be adjusted to increase or decrease the effect

Outcome:
The original poster confirmed the solution worked successfully.

Related issue:
Another user reported difficulty increasing product description font size using similar methods—only line spacing increased, not the actual font. This remains unresolved.

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

Thanks for asking, it’s the new, free Shopify 2.0 theme called “Refresh”.