How can I adjust the top padding of a video with text section?

[Tembusu]

Hi Everyone,

I’m trying to change (reduce) the top padding of my “video with text” section but there doesn’t seem to be a setting for that. I think it needs to be done in the codes so need some help with that. I’ve also marked it in the picture below in red.

My website is www.cleanz.sg.

Thanks in advance.

[ZenoPageBuilder]

Hello @Tembusu

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.vid-text-wra {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

The result

Hope it helps!

[Dan-From-Ryviu]

Hi @Tembusu

You can do that by adding this CSS code in Custom CSS of that section

.content h2,
.vid-text-wra { 
margin-top: 0px !important; 
}
.text-content,
.vid-text-wra,
.vid-with-text-box {
padding-top: 0px !important;
}

[INA_MSWEB]

Hi @Tembusu

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

#shopify-section-template–20290701328703__3a7f12ad-175b-493d-a1f6-9646240a1855 .text-content, #shopify-section-template–20290701328703__3a7f12ad-175b-493d-a1f6-9646240a1855 .vid-text-wra {padding-top: 0 !important;}

Regards,

San

[Beae_Cass]

Hi @Tembusu ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store → Theme → Edit code
2. Open your theme.liquid file
3. Paste below code before :

Best regards,

Anthony

[Tembusu]

Thanks Zeno. It works. Looks much better. Much appreciated.

[Tembusu]

Thanks San for your reply and help. Managed to get a solution but appreciate your help.

[Tembusu]

Thank you to everyone who came to my aid. Problem solved and really appreciate the community here.

[ZenoPageBuilder]

You are welcome