CSS injection code to change the aspect ratio (to 1:1 / square) on all the videos on one specific portfolio page

Hey Team,

I'm looking to change the aspect ratio of all the videos (to square / 1:1) on one specific portfolio page - frustratingly it appears to be one that doesn't allow me to inject specific code into it.

https://benjackthomas.com/portfolio/samsung-that-sucks

I've read that this can be done with injected code and changing the padding but I can't work out how to specify only that page and also where to inject the code.

Any help would be ace.

Cheers,

Ben

You should be able to do this with Custom CSs targeted to that page, try this:

#item-63c02112fb60923abc4a4bc4 {
  .sqs-native-video .native-video-player {
    padding-top: 100% !important;
  }
}

Let me know if that works, and give me a thumbs up if you can! Thanks!

@Ziggy thanks so much for the super speedy response - thumbs up from me

I dropped this in the Design custom CSS section:

#item-63c02112fb60923abc4a4bc4 .video-block {
.video-player {
padding-bottom: 45% !important
}
}

It seemed to do the trick too.