Square videos

Hello, I am trying to make a square video appear square. I've found online that I should use this code after uploading my video directly in Squarespace to target specific videos.

Quote

#block-ID
.video-block .video-player{
padding-bottom:120%
}

However, I do not have a block ID number but a block-yui.

So far, this is not working, could anyone please help?

Quote

#block-yui_3_17_2_1_1702637553652_35735
.video-block .video-player{
padding-bottom:120%
}

Try this code:

#block-yui_3_17_2_1_1702637553652_35735 {
  .video-block .video-player {
    padding-bottom:120%;
  }
}

Thank you, @Ziggy, unfortunately, it doesn't seem to work 😞

I temporarily succeded with:

Quote

#yui_3_17_2_1_1702649274181_714
.video-block .video-player{
padding-bottom:70%
}

But now it doesn't seem to work.

Can you share your website URL and the location of this video?

Thank you, @Ziggy the url is: https://yarzatwins.com/roja-a-las-drogas password: rojaroja

It is the 4 smaller videos after the canvas bag, I attach a screenshot of them. 

Try this Custom CSS:

#block-yui_3_17_2_1_1702637553652_36362, #block-yui_3_17_2_1_1702637553652_35735 {
  .sqs-native-video .native-video-player {
    padding-top: 100% !important;
  }
}

Hi @Ziggy thank you so much, that worked like magic.

30 minutes ago, eva2 said:

Hi @Ziggy thank you so much, that worked like magic.

 

Happy to help! Can you mark my post as the solution? Thanks!