how to adjust width of video on a page - Canopy theme

Store Design
, ,
1

I’m on the canopy theme and need help with a page edit. I have a video embedded in my ‘about us’ page but it’s full width and it’s just too large for my pref on desktop. I tried using the block of media + text but can’t get the video to play sound.

My coding skills are weak to say the least. Any help in how I can reduce the size of the video would be much appreciated! I thought background video would work, but I need the audio… Here’s the page in question: about us

thanks

2

Hello @christinewilson ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your styles.css file and paste the following code below:

@media only screen and (min-width: 960px) {
.template-page .video-container {
    width: 50% !important;
    margin: 0 auto !important;
}
}

Thanks

3

rock star! problem fixed, thank you.

one follow up - this will impact all media files with width >906px, or just video?

thx again

4

All videos which are available on any page having class name video-container

5

How can I get a video on the product page with canopy theme?