Jump to content

Need help removing letterboxing on Youtube video thumbnails.

By MattMurphy, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

MattMurphy Level 4

MattMurphy

Posted
Posted

Hi, wondering if someone could help me. 

I am using 7.1 I believe, and for some reason, seems mad to me, I can't specify the aspect ratio of thumbnails on a video page when the videos are linked from Youtube. I also can't upload a different thumbnail unless I let SS host the video, which also seems like an oversight. Anyway, I have attached an image below, the videos are 16:9 on youtube, but the thumbnails display 4:3 I think? 

If anyone has any code that could help me change the ratio of the thumbnails it would be most appreciated. Thank you. 

Matt 

 

Screenshot 2023-07-05 at 11.05.46.png

  • Replies 4
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

Add this to Custom CSS: // video page, thumbnail 16:9 .lessons.collection-content-wrapper .grid-image-wrapper { padding-bottom: 56.25%; } Hope that works for you!

MattMurphy
MattMurphy

You are a star Ziggy, thank you so much 🙂

Posted Images

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

Add this to Custom CSS: 

// video page, thumbnail 16:9
.lessons.collection-content-wrapper .grid-image-wrapper {
    padding-bottom: 56.25%;
}

Hope that works for you!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Ziggy Level 14

Ziggy

Posted
Posted
Just now, MattMurphy said:

You are a star Ziggy, thank you so much 🙂

No problem, happy to help!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

  • 7 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources