Make the spacing between all blocks in the Product Information section consistent (DAWN 15.4)

Store Design
, ,

Topic summary

A user working with Dawn 15.4 theme needs to fix inconsistent spacing in the Product Information section, specifically noting that the price sits too low relative to surrounding text.

Solution Provided:

  • Add CSS code to theme.liquid file (above tag)
  • Target .price__container with margin-bottom: 1.5rem !important

Current Status:
The initial fix worked but created excessive spacing. The user now requests a smaller margin value to better match the original spacing between price and elements below it. The discussion remains open as the spacing adjustment needs refinement.

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

Hello there!

I’m using the Dawn 15.4 theme on my website, and I’d like to make the spacing between all blocks in the Product Information section consistent (for example, the price currently sits too low compared to the text above it).

I’d really appreciate any help.

Original Hand-Painted Coconut Miniature Oil Painting – DrawWithDi

Screenshot_101
Screenshot_1011436×588 464 KB

Thank you in advance!

1 Like
2

Hey @DRAWandCARE

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.price__container {
    margin-bottom: 1.5rem !important;
}
</style>

RESULT:

image
image1344×615 184 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
4

Hi! It worked, but can we make the spacing smaller as it was between the price and text below it? Please see the screenshot below.

Screenshot_103_1
Screenshot_103_11466×833 224 KB

Thank you in advance!