1. Home
  2. AccessAlly
  3. ProgressAlly
  4. Full Width Videos in ProgressAlly

Full Width Videos in ProgressAlly

This article shows styling with the legacy video shortcode. This shortcode was replaced with the newer media shortcode.

Video Full Width CSS Code

In the legacy version of the ProgressAlly video shortcode, you set the width and height of your videos inside the shortcode.

If you would like to specify width and height for all videos on your site add the following custom CSS code to your site, under ProgressAlly > General Settings > Styling > Custom CSS box

Code Used

.progressally-vimeo-video-container{
width:100% !important;
height:auto !important;
}.progressally-vimeo-video-container iframe{
width:100% !important;
}

Updated on April 25, 2024
Was this article helpful?

Related Articles

NO QUESTION GOES UNANSWERED

If you have any questions, we're just an email away.

We take your success seriously, and you'll always get a speedy reply from a real person during business hours.

Laptop with the AccessAlly demo site

AccessAlly is the most flexible way to sell and elegantly deliver digital offerings. All in one place.

WATCH THE DEMO

You'll get follow-up emails about AccessAlly and new features. Opt out anytime. Full privacy policy here.