If you go to the shape ribbon, click the drop down on the crop button and select fill. You’ll be able to adjust how the picture fills the shape.

​@@SeanNufer thanks for the prompt reply! I don't seem to have a crop option available. If I select the dashes in the text box, I get a 'Shape Format' ribbon that I can select, but there isn't a crop option to select like there is if you select an actual image and select the Picture Format ribbon. It's at point 3m 35s in this video where an image is added to dashes in the text box, if that helps?

​@@SeanNuferjust to add to the above, occasionally a picture does drop in more centrally, but unsure how as I can't find that crop menu you mention. However, when it does drop in centrally it looks stretched. But in the video here, the image doesn't look stretched. Any idea how you stop the stretching, or limit it?

(It’s me) I wish I had a link for you, but check the channel for bootstrap. That will be what you will want. You can put two videos in slots of 6 at 100% width.

@@SeanNufer Thank you. You are so kind! I am a teacher and like to have nice Canvas courses. I have learned a lot from your videos. In this case, I want to create a "Video Library" page. The final goal is to have a page with 3 tabs and have about 4 videos per tab. I learned how to make tabs with you. Now I am just working on the Bootstrap grid. My problem is that I want to have the videos "centered" in each "column". I used "padding", but this is not exactly what I want. I am not a programmer and I can't do it. This is the code. Could you give me a hand? <div class="grid-row around-sm"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="background-color: #d8e2dc; text-align: center; padding: 20px 0; margin-bottom: 10px;"> <div style="padding-left: 25px; width: 90%; min-width: 60%;"> <div style="position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;"> <p>< style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;" src="kzfaq.info/get/bejne/Y818o9ak2666cWg.html" width="560" height="315" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></></p> </div> <p>Video Title</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="background-color: #ffe5d9; text-align: center; padding: 20px 0; margin-bottom: 10px;"> <div style="padding-left: 25px; width: 90%; min-width: 60%;"> <div style="position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;"> <p>< style="position: absolute; top: 0; left: 0x; right: 0; width: 100%; height: 100%; border: none;" src="kzfaq.info/get/bejne/Y818o9ak2666cWg.html" width="560" height="315" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></></p> </div> <p>Video Title</p> </div> </div>

Well. I have been trying this code. It works but... If I start watching a video on the page, then I select "full screen", and then I "exit fullscreen", the video on the page has the wrong formatting. I have to refresh the page to fix the ratios.

Which image is that?

Hey! Life has sort of caught up to me. I wish I was still creating regular content here and I really hope to again. I can’t look up what you want now (I’m camping with the kids for a few days), but look up the contrast checker on webaim. I think it’s a site from Utah State. Great contrast checker. I use a PC program I think called instant eyedropper to grab color hex.

Interesting, I've generated several quizzes for the same article and the correct response seem to change. While easily fixed, it's something to be wary of.

You can find some here: www.howtocanvas.com/powerpoint