Home>Support>making the height of the row proportional to the width!

making the height of the row proportional to the width!

Hi,
I use embedded videos a lot in my website and, I of course embed my videos using the text widget..
But I always get irritated when I see the width of the embedded video change according to the width of the browser while the height of the embedded videos stay exactly the same as before!
I tried many css tricks but they never seem to work with me!

Is there an easy way to link the height of a certain widget or a row with it’s width in order to preserve the aspect ratio of that widget?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Abd-Allah T. Hijazy,

    Yes. You should be able to do this by setting the height for that element to auto. Please note that if the video uses an odd aspect ratio that it might not display 100% as desired if this method id taken.

    Do you have a public URL where we can take a look at one of the videos so I can write some CSS? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More