Tembusu
September 11, 2023, 3:13am
1
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.
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!
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;
}
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
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:
Go to Online Store → Theme → Edit code
Open your theme.liquid file
Paste below code before :
Best regards,
Anthony
Tembusu
September 11, 2023, 6:43am
6
Thanks Zeno. It works. Looks much better. Much appreciated.
Tembusu
September 11, 2023, 6:44am
7
Thanks San for your reply and help. Managed to get a solution but appreciate your help.
Tembusu
September 11, 2023, 6:46am
8
Thank you to everyone who came to my aid. Problem solved and really appreciate the community here.
Does anybody know why this only changes when the video ratio is set to small and not when the video ratio is set to large?