Dawn 2.0 theme: Reduce padding between header Rich text and images

Solved
NatashaSedge
Tourist
4 0 1

Hi, I'm looking to reduce the padding between the header and the multi banner that sits underneath. Can't find any code specifically for the Dawn theme. Thanks in advance  

Screenshot 2021-11-05 at 11.04.08.png

UKcapwell-uk.myshopify.com

https://tcm7f5cytlnvc3ot-60694790392.shopifypreview.com

bleelt

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2226 3053

This is an accepted solution.

@NatashaSedge 

Add code Your assets/base.css bottom of the file. 

@media screen and (min-width: 750px){
#shopify-section-template--15344638755064__1635166643bb5fb915.spaced-section { margin-top: 2rem !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 6 (6)
dmwwebartisan
Shopify Partner
9731 2226 3053

@NatashaSedge 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9731 2226 3053

@NatashaSedge 

Add code Your assets/collage.css bottom of the file. 

@media screen and (min-width: 749px){
.rich-text--full-width.color-background-1, .rich-text:not(.rich-text--full-width) { margin-top: 2rem !important; margin-bottom: 2rem !important;}
}


@media screen and (min-width: 750px){
.rich-text--full-width.color-background-1, .rich-text:not(.rich-text--full-width) { margin-top: 2rem !important; margin-bottom: 2rem !important;}
.collage-wrapper.no-heading {margin-top: 2rem !important;}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
NatashaSedge
Tourist
4 0 1

Hey, it has adjusted the padding above between the menu bar but not below. Thank you for your help so far!

dmwwebartisan
Shopify Partner
9731 2226 3053

This is an accepted solution.

@NatashaSedge 

Add code Your assets/base.css bottom of the file. 

@media screen and (min-width: 750px){
#shopify-section-template--15344638755064__1635166643bb5fb915.spaced-section { margin-top: 2rem !important;}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

NatashaSedge
Tourist
4 0 1

Great thanks very much!