Dawn theme product page price customization

[Sivadarshan]

I’m using dawn theme latest version in that i need to customize the product pricing both on sale and MRP needs to be moved little top nearer to product name and also reduce the letter spacing to 0px in desktop view

website: https://offnorth.com/?_ab=0&_fd=0&_sc=1

password : offnorth

Thanks in advance

[Moeed]

Hey @Sivadarshan

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 tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @Sivadarshan

The link you sent is Motion theme. To get share preview of Dawn theme link, please click on “…” next to Dawn theme > Preview, then click Share preview

[GTLOfficial]

Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.product-block.product-block--header {
margin-bottom: 0px !important;
}
.h2.product-single__title {
margin-bottom: 0px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sivadarshan]

@Dan-From-Ryviu Sorry, i’ll share the link https://ji3j9e9a8catfqqr-25088491610.shopifypreview.com

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > click Customize button of Dawn theme > Theme settings

.product .product__title { margin-bottom: 0.5rem; }
.product .price {
    display: flex;
    align-items: center;
}

[websensepro]

Hi @Sivadarshan

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.product-block {
    margin-bottom: 0px;
    line-height: 1;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[Amanda_Fordeer]

@Sivadarshan ,

To customize prices, consider using the Price Badge functionality within Product Labels & Badges.