1. Home
  2. AccessAlly
  3. Video Bookmarks in AccessAlly
  4. Make all ProgressAlly videos full width with CSS in AccessAlly

Make all ProgressAlly videos full width with CSS in AccessAlly

In the legacy version of the ProgressAlly video shortcode, width and height are specified. You can use CSS to make ProgressAlly videos full width. Add the following custom CSS code to your site: ProgressAlly > General Settings > Styling.

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

Video Full Width CSS Code

Updated on November 16, 2023

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.