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

Legacy Video ID Shortcodes

The legacy video ID shortcode displays the name of your video hosting service in the shortcode.

[progressally_vimeo_video id='#' video_id='#']
[progressally_wistia_video id='#' video_id='#']
[progressally_youtube_video id='#' video_id='#']

Setting Video Width & Height for Site

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

Switch the code example below for YouTube, Vimeo, or Wistia.

Code Used

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

Updated on June 5, 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.