Video changes

[Ryan1998]

Can anyone help me with these 2 things will donate if someone can do it.

url: https://errival.com/products/errival%E2%84%A2-mini-rubber-band-shotgun 

(For mobile view only) First:

Make video full width remove padding down the sides of the video.

(On desktop view only) Second:

Make video height bigger without affecting mobile.

[Priyanka_ · Accepted solution]

Hi @Ryan1998 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
#shopify-section-template--21948687221065__video_with_text_4HJnFk .video-with-text video{
height: 400px !important;
}
@media only screen and (max-width: 768px) {
    #shopify-section-template--21948687221065__video_with_text_4HJnFk .video-with-text video {
      height: 250px !important;
    }

   .video-with-text.page-width {
     padding: 0;
    }
}
</style>

If you need further assistance you can DM me.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[Priyanka_ · Accepted solution]

Hi @Ryan1998 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
#shopify-section-template--21948687221065__video_with_text_4HJnFk .video-with-text video{
height: 400px !important;
}
@media only screen and (max-width: 768px) {
    #shopify-section-template--21948687221065__video_with_text_4HJnFk .video-with-text video {
      height: 250px !important;
    }

   .video-with-text.page-width {
     padding: 0;
    }
}
</style>

If you need further assistance you can DM me.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[Ryan1998]

thank you!😁 I don't see the feature to donate coffees, where can I find this.

[Priyanka_ · Accepted solution]

You're very welcome! 😊 I'm glad I could help you out.