How can I reduce padding size on Dawn theme product pages?

Store Design
1

Hi, I need help lowering the padding size from product photo to thumbnails, title to reviews, and reviews to price. Please see the attachment

mellogoods.com

1.png
1.png368×574 101 KB

2

@mfazio ,

ul#Slider-Gallery-template--14969952862260__main {
    padding: 0;
}
.product__title {
    margin: 0;
}
div#shopify-block-2397e1e5-9923-4c24-8db4-da5faaf1652b {
    margin: 0;
}
div#price-template--14969952862260__main {
    margin: 0 0 11px 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

3

Thank you, there’s still a gap between the title and the reviews. The rest were fine.

4

@mfazio ,

Apply that css and let me know…

5

Thank you, there’s still a gap between the title and the reviews. The rest were fine.

6

@mfazio ,

.product__title {
    margin: 0;
}

Add this

7

That code was already in the original

Screen Shot 2022-07-14 at 12.16.08 AM.png
Screen Shot 2022-07-14 at 12.16.08 AM.png349×448 49.1 KB

8

@mfazio ,

Add this css too at the bottom.

.product__title {
    margin: 0;
}
9

Already did. Still the same

10

@mfazio ,

Please update this..

.product__title {
margin: 0 !important;
}

11

That worked thank you

12

@mfazio ,

Welcome.

Please like & accept the solution