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

Solved

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

Tembusu
Excursionist
15 1 6

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

 

Screenshot 2023-09-11 at 11.10.33 AM.png

 

Thanks in advance. 

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1052 203 223

This is an accepted solution.

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

Screenshot 2023-09-11 at 10.34.24.png

Hope it helps! 

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 8 (8)

ZenoPageBuilder
Shopify Partner
1052 203 223

This is an accepted solution.

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

Screenshot 2023-09-11 at 10.34.24.png

Hope it helps! 

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
Tembusu
Excursionist
15 1 6

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

ZenoPageBuilder
Shopify Partner
1052 203 223

You are welcome 🙂

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

Dan-From-Ryviu
Shopify Partner
9136 1828 1863

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;
}

Screenshot 2023-09-11 at 10.33.50.png 

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

INA_MSWEB
Shopify Partner
1281 144 164

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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

Tembusu
Excursionist
15 1 6

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

Beae_Cass
Shopify Partner
436 167 176

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 </body>:

<style>
.vid-text-wra,
.vid-with-text-box{
    margin-top: 0;
    padding-top: 0;
}
</style>

 

Best regards,

Anthony

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template

Tembusu
Excursionist
15 1 6

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