How to adjust padding on top collections page

Store Design
1

Hello,

I’m using debut, managed to remove the banner in the collection page and I placed a video on the top. There is text following the video, but the padding is huge, I tried following different suggestions given in the community, but nothing is working. Wanted to try this one too, but there is no timber.scss in the Assets, them.css is there, but no .rte–header to be seen, I really need to solve this problem.

Thank you if you can help.

Elena

2

What is your store’s URL?

3

Thank you!

https://elena-and-delhi.com

4

Use below code hope it will work.

.video-section {
padding: 0px !important;

}

Thanks

5

Thank you for your reply!
Unfortunately I just realized my second message was rejected for some technical reasons.

My question is, where should I paste the code? I tried in theme.css but it doesn’t work.

6

@elena_t

Please share the page URL where to change padding.

7

Thank you!

https://elena-and-delhi.com/collections/virtual-tours

1 Like
8 
@media only screen and (min-width: 600px) {
.collection-hero {
    position: relative;
    overflow: hidden;
    margin-top: -157px !important;
    margin-bottom: 22px;
}
}

@elena_t

Add this code in theme.css or theme.scss.

9

@elena_t

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

.video-wrapper iframe {
    width: 100% !important;
    height: -webkit-fill-available !important;
    margin-left: 0% !important;
    margin-bottom: 5% !important;
}

Thanks!

10

Thank you, I tried, but this is the result.

Is possible something is wrong because I removed the banner to insert the video?

1 Like
11

@elena_t

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

.video-wrapper iframe {
    width: 100% !important;
    height: -webkit-fill-available !important;
    margin-left: 0% !important;
    margin-bottom: 5% !important;
}

Thanks!

12

@elena_t
Check i have fixed. it

1 Like
13

Yeeeeeehhhhh, cool, now is fixed.

Thank you so much!!!