I am trying to embed a portrait Vimeo video (Strength Training is Mediation Training) onto my site, but I don’t want it to be to big on the desktop version of the site (it looks pretty good on mobile, though!)
I thought about making 2 versions of the video (one in portrait and one in landscape) but that I don’t want to do that much editing.
My website is https://www.strengthtrainingnj.com
Does anyone have any sizing/ coding recomendations?
Every time I mess with the embed code, I just seem to mess up the padding, and it looks even worse.
Thanks in advance!
Ok! So I changed height to 50%, but now I have this huge padding at the bottom. Does anyone have any coding recommendations? I’m at a loss! Thank you!
Hi @messyj232,
The problem might be in the embedding code that you used.
Play around with this value to see if it does what you’re trying to do:
Cheers,
Erwin
Erwin,
Thank you!
I did not think it was possible to (directly?) edit code in RapidWeaver?
Hi @messyj232,
You can override CSS from within RapidWeaver.
-
Navigate to the page in your project file
-
Click the Code tab in the page inspector, and the CSS tab inside that:
-
Any CSS code you enter here, overrides the CSS code generated by your stacks.
-
Enter the code below and preview your page to see if it worked:
.player {
style="max-width: calc(56.29629vh); height: calc(177.631579vw)" !important;
}
The value I typed above, is the value as generated by the stack. Play around with the value after “height:”, or remove the calculation altogether and enter static value instead, and see what the effect is on your padding.
Cheers,
Erwin
Erwin-
Thank you very much!!
1 Like