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

Live Weekly Q&A

Join us for live Q&A. Learn the basics, discover what's possible, and connect with AccessAlly users.

Need Support?

Have questions? Get in touch. Our inbox support hours are 9am-5pm EST, Monday - Friday.

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.