How can I add spacing between product title and price - dawn theme?

Solved

How can I add spacing between product title and price - dawn theme?

Luminaskn
Tourist
26 0 1

When i click on a product, the product title and price are too close together and I wanted to ask how i can add spacing between them? - DAWN THEME

 

Screenshot 2024-03-31 at 13.52.24.png

 

URL: luminaskn.co.uk

Password: Lumina2506

Accepted Solution (1)

Xipirons
Shopify Partner
136 25 30

This is an accepted solution.

Hi @Luminaskn 

 

Add this code at the bottom of base.ccs file (You can increase the value if need from 10px to "what you want" :

 

 

.product__info-wrapper h1 {
  padding-bottom: 10px;
}

 

 

 

 

Was this helpful? Like or Accept solution - Buy me a coffee
- Contact me: Xipirons | WhatsApp
- Shopify Developer based in France, helping online merchants succeed

View solution in original post

Replies 3 (3)

Xipirons
Shopify Partner
136 25 30

This is an accepted solution.

Hi @Luminaskn 

 

Add this code at the bottom of base.ccs file (You can increase the value if need from 10px to "what you want" :

 

 

.product__info-wrapper h1 {
  padding-bottom: 10px;
}

 

 

 

 

Was this helpful? Like or Accept solution - Buy me a coffee
- Contact me: Xipirons | WhatsApp
- Shopify Developer based in France, helping online merchants succeed

VinUp
Tourist
15 0 4

Thanks! Is there also an option where i can edit these individual elements myself? For example the text 'Stalen LP-Houder' i would like to have it straight under the title. 

VinUp_0-1720628261772.png

 

techlyser_web
Shopify Partner
1780 330 357

Hello @Luminaskn 

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__title h1 {
      margin-bottom: 20px !important;
  }
</style>

techlyser_web_0-1711890572553.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com