Panos_vsl

Hello , 
 
So from what i understand you have to work on each video separately. So i got the Chrome extension that shows the IDs of all the items on the page and for each vertical video i will have to create a new CSS entry.
It might be a different way that is more efficient but am a complete noob on CSS i only find the resources. 
Here's a snip of what i used hope it helps: 
 
//Code for Vertical videos//
#block-yui_3_17_2_1_1686672595487_1473.video-block .video-player {padding-bottom: 120% !important;}
#block-yui_3_17_2_1_1686842161117_17601.video-block .video-player {padding-bottom: 120% !important;}

After looking into some of the solutions it seems that the best practise would be to target each video of the website individually. 
However there are still some issues that i hope some clever CSS wizard can edit.  The issue is that even though the container can almost match the video's dimensions there is a gradient ramp with grey colour on the bottom in order to show the video controls. 
Is this gradient editable? Can it be removed? 
 
 

this is such a big issue how is Squarespace not resolving this? 
We have vertical videos for many years now and many creators have both vertical and horizontal videos because of course MANY times a project will have both. 
I have both format videos on a page and its not clear at all how to actually resolve this. The chrome extension doesn't seem to show the IDs so i can try some of the solutions proposed here. 
 
We live in a world were vertical video is here to stay , come on Squarespace give us some kind of toggle within the video container!! 
 
Can anyone help? I will have this issue on several pages so if there is a solution i will follow it...
 
https://clover-vanilla-t98p.squarespace.com/excercitatio
pass: testing

Hello , 
 
So from what i understand you have to work on each video separately. So i got the Chrome extension that shows the IDs of all the items on the page and for each vertical video i will have to create a new CSS entry.
It might be a different way that is more efficient but am a complete noob on CSS i only find the resources. 
Here's a snip of what i used hope it helps: 
 
//Code for Vertical videos//
#block-yui_3_17_2_1_1686672595487_1473.video-block .video-player {padding-bottom: 120% !important;}
#block-yui_3_17_2_1_1686842161117_17601.video-block .video-player {padding-bottom: 120% !important;}

Has anyone manage to get Title and description on the 7.1 templates? I have tried these above solutions with no luck up to now... 😕

The video container should have options so that you can define the some of the standard video formats that are available on popular media , content creators etc. 
16:9 / 9:16 / 1:1 / 4:3 / 3:4 
 
Is that such a complex request for the Video module to be implemented by Squarespace? Hope some moderators do watch the spaces so this issue gets resolved natively. 
 
 

The video container should have options so that you can define the some of the standard video formats that are available on popular media , content creators etc. 
16:9 / 9:16 / 1:1 / 4:3 / 3:4 
 
Is that such a complex request for the Video module to be implemented by Squarespace? Hope some moderators do watch the spaces so this issue gets resolved natively. 
 
 

Nevermind, this was solved here: 
 

Hi Tuanphan, after looking a bit into the functionality of a pop up contact form , I think I will opt out with the anchor point solution. From my understanding you are running a risk of not working properly when users have pop up blockers or on mobile phone browsers. 
So I though I will keep the solution as is now. Thank you so much for your help though you helped also on other issues I had in the past. 
 

Hi @Panos_vsl, that's pretty easy to achieve with a code snippet, add this to your Custom CSS:
.header-title-nav-wrapper { align-items: flex-end; } Hope that works!