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
URL: luminaskn.co.uk
Password: Lumina2506
Topic summary
A user seeks to increase spacing between the product title and price on their Shopify store using the Dawn theme (version 6.0).
Solutions provided:
-
Add CSS to the bottom of
base.cssfile:.product__info-wrapper h1 { padding-bottom: 10px; }(Adjust the
10pxvalue as needed) -
Alternative: Insert CSS in
theme.liquidbefore the</body>tag:.product__title h1 { margin-bottom: 20px !important; }
Follow-up question:
The original poster asks if there’s a way to edit individual elements directly, specifically wanting to reposition the subtitle text (‘Stalen LP-Houder’) to appear directly under the main title.
Status: Partially resolved; initial spacing issue addressed, but subtitle positioning question remains open.
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;
}
1 Like
Hello @Luminaskn
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
