Jump to content

Multiple videos 9:16 same section

Go to solution Solved by LarryBarry,

Recommended Posts

Problems with multiple videos 9:16 in the same section. I want to showcase 3 or more a vertical 9:16 videos.

I have downloaded both CSS code for vertical and the Chrome Extension for individual adjust blocks.

The problem when having three videos in the same section, is when I change the first video from the standard 16:9 video format to 9:16 (no problems) then when I change the second one, the first one "regress" to the standard 16:9.

Please help to stupid...

Skärmavbild 2023-04-06 kl. 12.28.13.png

Skärmavbild 2023-04-06 kl. 12.28.33.png

Skärmavbild 2023-04-06 kl. 12.28.46.png

Link to comment

It looks like you are replacing the block ID each time. You need the code in Custom CSS 3 times, once with each code block ID.

Alternatively, you could forego the block ID and replace it with the section ID.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
6 minutes ago, LarryBarry said:

New section. New selection. Different scale. Fixed. Then the first section rescales back to its initial preference. Why????

No idea, but if you post the CSS that you're adding I can check it.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

You seem to be deleting the CSS you are adding. If you want multiple lines of CSS affecting different parts of your website you must leave them all in the Custom CSS. Add a block ID, then the CSS, then go to the next line and add another block ID and CSS, do not delete anything that you still want to work.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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