Changing top padding of video with text

Solved
Tembusu
Excursionist
15 1 5

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
833 148 168

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
833 148 168

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 5

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

ZenoPageBuilder
Shopify Partner
833 148 168

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
5574 1024 1055

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 a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

SAN_MSWEB
Shopify Expert
871 109 112

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 5

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

Beae_Anthony
Shopify Partner
436 167 168

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 | Blog
Tembusu
Excursionist
15 1 5

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