How can I eliminate padding in the Dawn theme?

Solved

How can I eliminate padding in the Dawn theme?

Coldclothing
Excursionist
13 1 2

Capture.PNG

 

Hey team! Hoping you can help. I want to remove the padding within the section indicated with a red 'X'.

Accepted Solutions (4)

Moeed
Shopify Partner
7704 2070 2550

This is an accepted solution.

Hey @Coldclothing 

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>
section#shopify-section-template--18013298819378__7ca0a5b7-97b0-4399-b7eb-cd1346863788 {
    margin-top: 0 !important;
}
</style>

Moeed_0-1691056968634.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Moeed
Shopify Partner
7704 2070 2550

This is an accepted solution.

Hey @Coldclothing 

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>
section#shopify-section-template--18013298819378__3599e731-7cd6-4766-a739-0a318499f545 {
    margin-top: 0;
}
section#shopify-section-template--18013298819378__eea75722-4f1f-4583-bc64-a657e4b1be0e {
    margin-top: 0 !important;
}
</style>

Moeed_0-1691058163873.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Coldclothing
Excursionist
13 1 2

This is an accepted solution.

 Hi Moeed. I’ve just updated to DAWN 11.0 and the changes have reversed. Don’t have revised code? (Marked red where padding to remove) 

IMG_1602.jpeg

View solution in original post

Moeed
Shopify Partner
7704 2070 2550

This is an accepted solution.

Hey @Coldclothing 

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>
section#shopify-section-template--20433660444978__7ca0a5b7-97b0-4399-b7eb-cd1346863788 {
    margin-top: 0 !important;
}
</style>

Moeed_0-1691488305016.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 8 (8)

Moeed
Shopify Partner
7704 2070 2550

This is an accepted solution.

Hey @Coldclothing 

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>
section#shopify-section-template--18013298819378__7ca0a5b7-97b0-4399-b7eb-cd1346863788 {
    margin-top: 0 !important;
}
</style>

Moeed_0-1691056968634.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Coldclothing
Excursionist
13 1 2

Thanks Moeed! Could you also support with removing the top and bottom padding of this section? Padding = 0. Marked in 'red'

 

Capture.PNG

Moeed
Shopify Partner
7704 2070 2550

This is an accepted solution.

Hey @Coldclothing 

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>
section#shopify-section-template--18013298819378__3599e731-7cd6-4766-a739-0a318499f545 {
    margin-top: 0;
}
section#shopify-section-template--18013298819378__eea75722-4f1f-4583-bc64-a657e4b1be0e {
    margin-top: 0 !important;
}
</style>

Moeed_0-1691058163873.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Coldclothing
Excursionist
13 1 2

Thank you so much

Moeed
Shopify Partner
7704 2070 2550

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Coldclothing
Excursionist
13 1 2

This is an accepted solution.

 Hi Moeed. I’ve just updated to DAWN 11.0 and the changes have reversed. Don’t have revised code? (Marked red where padding to remove) 

IMG_1602.jpeg

Moeed
Shopify Partner
7704 2070 2550

This is an accepted solution.

Hey @Coldclothing 

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>
section#shopify-section-template--20433660444978__7ca0a5b7-97b0-4399-b7eb-cd1346863788 {
    margin-top: 0 !important;
}
</style>

Moeed_0-1691488305016.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Coldclothing
Excursionist
13 1 2

 Hey Mooed. Thanks for your help. One final help, since I’ve updated to theme 11.0, it’s changed the product heading size on the product page. See screenshot. Could you help me to reduce?

 

IMG_1603.png