Spacing between Title, Price, Review - Dawn Theme Product Descriptions

[Ryanp]

Hello - Looking to be able to change the spacing in all my components in my product page across the whole site from Mobile to Desktop..  In pixels so I can easily change them when needed.  Will buy a coffee for anybody who can give me a solution.  Link to product page - https://devildaves.com/products/dill-pickle-hot-sauce

Custom Line

Reviews

Product Title

Price

Variant

Desired Units

THANK YOU SO MUCH FOR ANY HELP!

[Tech_Coding]

Hello @Ryanp 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product product-info p, .product__title {
      margin-bottom: 0 !important;
   }
   .product__info-container > * + * {
       margin: 0.2rem 0 !important;
   }
   .product__info-container .product-form{
       margin: 1.5rem 0 !important
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Ryanp]

Thank you. I would like to add a touch of space between Reviews and Product Title.. I tried adding but didnt work.. Do you have a suggestion please?

.product product-info p, .product__title {
margin-bottom: 0 !important;
margin-top: 1.8rem 0 !important

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.product .product__title {
     margin-top: 1.8rem 0 !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Ryanp]

That didnt work unfortunately.. 

[Tech_Coding]

Sorry I did mistake please replace above code with this

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product .product__title {
     margin-top: 1.8rem !important;
  }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Ryanp]

Sir or Maam - The spacing is way too compacted and I cannot change anything but the Space between First line and Reviews.. Do you know how I can add more space after the reviews?