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.
1

Hi there!

Hopefully, everyone is doing well.

I have two quick questions and would appreciate it if someone could shed some light and provide me with a solution. The theme I’m using is the new, free Shopify 2.0 theme called “Refresh”

1.) https://gyazo.com/609bee2d2384e3cf725e75622192bfdb - Where in the theme files can I increase the spacing between the “emitting color” section and product pricing?

2.) Lune’s Crystal Lamp - Where in the theme files can I increase the font size of my “Add to cart” button?

Thanks to everyone in advanced.

1 Like
2

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

3

:sparkles: Lune’s Crystal Lamp – My Store (8db9c4.myshopify.com)

4

Hi @SoldierOfGod

I understand that you want increase the space between the pricing the variant title and also, increase the font size of the add to cart button.

You follow the instructions below, to do so.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
variant-radios.no-js-hidden {
    margin-top: 2rem;
}

.product-form__submit.button span {
    font-size: 2rem;
}

NOTE: Change the 2 for each code to increase or decrease

This code below is for the #1 issue

variant-radios.no-js-hidden {
    margin-top: 2rem;
}

The code below is for the #2

.product-form__submit.button span {
    font-size: 2rem;
}
1 Like
5

You sir are an absolute legend! Thank you very much for your fast & accurate help, I really appreciate it. I wish you the best.

6

I need help changing the product description to a larger font. I saw the past solutions and when I pasted them on layout.theme.liquid, only the spacing increased, not the actual font. Please help, thanks!