How to remove white space between slideshow and text box on Debut theme?

Store Design
1

Hi there,

I’m on the Debut theme and struggling to remove the white space between my slideshow and rich text box. I would like the green box to come up to the bottom of the slideshow. Any advice would be greatly appreciated!

https://toast-phl.myshopify.com/

Screen Shot 2021-08-18 at 9.45.59 PM.jpg
Screen Shot 2021-08-18 at 9.45.59 PM.jpg1059×528 35.1 KB

2 Likes
2

@ToastyDC

Your shop is password protected. Please provide password.

1 Like
3

gleuch

4

@ToastyDC

sorry for that issue

how to check because your store password protect can you please share us so i will check and let you know

3 Likes
5

gleuch

1 Like
6

@ToastyDC

thanks for it

please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.main-content .shopify-section:first-child {
padding-bottom: 0;
    margin-bottom: -55px;
}
3 Likes
7

@ToastyDC

  1. Go to Online Store->Theme->Edit code

  2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 750px){
.index-section {
    padding-top: 0px !important;
}

[class*=index-section--flush]:first-child {
    margin-top: 0px !important;
}

}
1 Like
8

Thank you for your help! This didnt work.

9

Hmmm this removed some of the white space but not all

Screen Shot 2021-08-18 at 11.07.17 PM.jpg
Screen Shot 2021-08-18 at 11.07.17 PM.jpg1044×582 56.3 KB

1 Like
10

@ToastyDC

Please add following css code your css file .

@media only screen and (min-width: 750px){
.template-index .main-content {padding-top: 0px;}
#shopify-section-162845967988890f21.index-section {
    padding-top: 55px;
    padding-bottom: 0px;
}
}
1 Like
11

@ToastyDC

just add this code

.main-content .shopify-section:first-child {padding-bottom: 0;}
1 Like
12

that worked! thank you!

1 Like
13

@ToastyDC

Thanks!

1 Like
14

Hi, me again,

I changed some things up and I’m wondering if you can now help me remove the padding between the green GET TOASTY and the black copy below it?

Thanks so much!

Screen Shot 2021-08-19 at 1.18.17 PM.png
Screen Shot 2021-08-19 at 1.18.17 PM.png1463×828 218 KB

1 Like
15

@ToastyDC

Yes, please add this code

div#shopify-section-162938851815bbd035 {
    padding-bottom: 0;
}
1 Like
16

I’m sorry, that didn’t work.

1 Like
17

@ToastyDC

can you please mark which padding do you have removed?

1 Like
18

Yup! Between the green GET TOASTY and the black copy below it.

Screen Shot 2021-08-19 at 1.18.17 PM copy.png
Screen Shot 2021-08-19 at 1.18.17 PM copy.png1463×828 233 KB

1 Like
19

@ToastyDC

thanks for it

where do you have add this css code

1 Like
20

I added the code you provided at the bottom of theme.css

1 Like