Course Lesson Video Width
I need to be able to control the width of videos on lesson pages.
Sometimes I also need to be able to add a subtle border around the video.
Currently, is there are way to control the width of videos on lesson pages with css?
Also it would be great to control the width in general of content on the page.
Update, solution in the comments. 👇
What video hosting are you using and how are you embedding it in your lessons? You should have a relative video frame that is responsive to the device.
Hi, I just got a quick response from Support.
Here is a solution to adjust the course lesson video width and to add a boarder to the video. (To get the border-radius to work I added the class="video-container" to the video embed code).
See the CCS below that you can add to your Custom Snippets, Custom CSS, in the Customizations in FlutentCommunity.
.fcom_lesson_container .fcom_lesson_details .feed_media {
min-width: 90%;
padding: 0px;
border-radius: 15px 15px 15px 15px;
border: 1px solid #DBDDE1;
filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.09));
}
.fcom_lesson_details {
min-width: 90%;
}
.video-container iframe {
border-radius: 15px;
}