Minimal Theme - Add space between price and variant

Store Design

Topic summary

A user wants to add vertical spacing between the product price and the first variant option on their Shopify store using the Minimal theme.

Proposed Solution:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the CSS file (base.css, theme.css, style.css, or theme.scss.liquid)
  • Add the following CSS at the bottom:
.product-single__prices.product-single__prices--policy-enabled {
  margin-bottom: 10px;
}

Current Status:
The user confirmed they don’t have a base.css file in their theme. The helper suggested looking for alternative CSS files like theme.scss.liquid or timber.scss, but the conversation remains unresolved as the exact file location hasn’t been confirmed yet.

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

I would like to add space between the product price and the first variant option. Space where the red line is (see pic). Minimal The

Screenshot 2023-06-23 141609.png
Screenshot 2023-06-23 141609.png1008Ă—459 154 KB

1 Like
2

Hi @gcjenn ,

Would you mind to share your URL website? with passwordi if its protected. Thanks!

3
1 Like
4

Thank you for the information.

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.product-single__prices.product-single__prices--policy-enabled {
    margin-bottom: 10px;
}

Result:

Ribe_Dagandara_0-1687544834929.png
Ribe_Dagandara_0-1687544834929.png475Ă—265 11.3 KB

Note: You can adjust the sizes.

I hope it help.

5

I don’t have base.css

Would it be theme.scss.liquid?

1 Like
6

Theme.css, Style.css the one that you have I think timber.scss.