How to increase space between price and quantity in product card Dawn Theme?

Shopify Discussion

Topic summary

A user seeks to increase the vertical spacing between the price and quantity elements in product cards on Shopify’s Dawn theme.

Solution provided:

  • Navigate to Online Store > Themes > Edit theme
  • Locate the main CSS file (main.css, base.css, style.css, or theme.css) in the Assets folder
  • Add the following CSS code at the bottom of the file:
.product__info-wrapper .price {
  margin-bottom: 20px;
}

Outcome:
The solution was confirmed to work successfully by the original poster. The CSS adjustment adds 20 pixels of bottom margin to the price element, creating the desired spacing.

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

Dominicus_0-1727870151464.png
Dominicus_0-1727870151464.png382×161 5.95 KB

1 Like
2

Hi @Dominicus

Check this one if it work, if not please share your store URL. Thanks!

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.product__info-wrapper .price {
    margin-bottom: 20px;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

Thanks, everything works!