Get Rid Of White Gap Between Slideshow and Rich Text

Store Design
1

Hi

I am wanting to get rid of the white gap circled on the attached image that is showing up between the slideshow and the rich text.

The slideshow section is called #shopify-section-template–14568203780233__slideshow-1 and the rich text section is shopify-section-template–14568203780233__1652258976dcb05570

Any help is greatly appreciated! Thank you

IMG_6932.jpg
IMG_6932.jpg1170×2532 192 KB

2

@tazandtez ,

please share the store URL with password.

3

Please provide password

so, I can help you to solve problem.

Thank you.

4

https://tazandtez.com/

5 
.featured-collection.featured-collection--columns-3.featured-collection--natural.section {
    margin: 38px 0;
}
.section.section--contrast {
    padding: 0;
}

@tazandtez

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

6

That doesnt seem to have worked :disappointed_face: I should have mentioned, there is a different banner on the desktop to mobile and this issue is only on mobile.

7

@tazandtez ,

pls add this too

.rich-text.section.section--contrast {
    padding-top: 0;
    /* margin: 0; */
}
8

Thank you, I added the below code to the theme.css and the gap is unfortunately still there

.featured-collection.featured-collection–columns-3.featured-collection–natural.section {
margin: 38px 0;
}
.section.section–contrast {
padding: 0;
}
.rich-text.section.section–contrast {
padding-top: 0;
/* margin: 0; */
}

9

@tazandtez ,

.section.section–contrast {
padding: 0;
}

oscprofessional_0-1652338584327.png
oscprofessional_0-1652338584327.png3033×775 292 KB

10

@tazandtez

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code:

#shopify-section-template--14568203321481__1651808419e7f7e1b5{    margin: 0 !important;}