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

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 :slightly_smiling_face:

UKcapwell-uk.myshopify.com

https://tcm7f5cytlnvc3ot-60694790392.shopifypreview.com

bleelt

@NatashaSedge

Please share your store URL!

Thanks!

UKcapwell-uk.myshopify.com

https://tcm7f5cytlnvc3ot-60694790392.shopifypreview.com

bleelt

@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;}
}

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

@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!

Great thanks very much!

Hi @dmwwebartisan was hoping I could get your help on something.
I’m looking to be able to reduce the padding at the top of the home page.
Also any advice on how to make the collection list at the top of my homepage show 4 across instead of 3.

Site is https://office-furniture-today.myshopify.com/
PW: AOF2021

Its using the dawn theme.

Thanks!
Angie

@angelaewingard

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (min-width: 750px){
 #shopify-section-template--15372693078207__16432294096c84245e.spaced-section {
    margin-top: 0px !important;
}

#shopify-section-template--15372693078207__16432294096c84245e .collection-list-wrapper.no-heading {
    margin-top: 0px !important;
}
}

Thanks!

@NatashaSedge

If helpful then please Like Solution

THANK YOU!