[hdarteagaParticipant]

Hey! I just created a page and would like to resize the 1st video on this page and make it smaller: https://prostudiolive.com/blog/mixing-tutorials/

I’ve looked at other topics similar to this questions and those solutions have not worked. I would also prefer not to resize my video by adjusting columns.

What css do I need to adjust to have more flexibility over the size of my video(s).

Everything regarding wordpress and my theme is updated.

[LelyModerator]

Hi There,

Please use the following CSS:

.custom-video iframe {
    width: 80% !important;
    height: 80% !important;
    left: 10% !important;
}

Then add custom-video on the class field of the element.

Hope this helps.

[hdarteagaParticipant]

Yes, thanks you! Just one thing, the container its in still did not change size, which is leaving a significant margin below the video. Is there CSS so that is adjusted as well.

[RupokMember]

Hi there,

You can add this CSS as well :

.x-video.custom-video .x-video-inner {
  margin-bottom: -13%;
}

Cheers!

[Author]

Posts