How to change the size of a pop up video

Solved

How to change the size of a pop up video

sjackson
Tourist
8 0 2

The pop up video on one of my pages is small and wanted to increase the height and width of the video. 

Accepted Solution (1)
BiDeal-Discount
Shopify Partner
792 105 178

This is an accepted solution.

let go to Admin -> Sale Channels -> Themes -> click edit code your current theme -> find file theme.css then paste the code below to the end of that file:

.pswp__container .pswp__custom-inner {
  max-width: 100%;
}

 Save it then see the result:

BiDealDiscount_0-1749264377417.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

Replies 9 (9)

BiDeal-Discount
Shopify Partner
792 105 178

Hi @sjackson 

can you share your store url & password (if applicable ) to let me check & suggest you the solution

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
sjackson
Tourist
8 0 2
BiDeal-Discount
Shopify Partner
792 105 178

where can I see your popup video?

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
sjackson
Tourist
8 0 2
BiDeal-Discount
Shopify Partner
792 105 178

This is an accepted solution.

let go to Admin -> Sale Channels -> Themes -> click edit code your current theme -> find file theme.css then paste the code below to the end of that file:

.pswp__container .pswp__custom-inner {
  max-width: 100%;
}

 Save it then see the result:

BiDealDiscount_0-1749264377417.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
sjackson
Tourist
8 0 2

Amazing! Thank you so much!!

BiDeal-Discount
Shopify Partner
792 105 178

You're welcome 🤗

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

Bundler-Manuel
Astronaut
1124 51 131

Hello there @sjackson  You can try out the following steps 

Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

 

Here is the code for Step 3:

 

iframe[title="YouTube video player"] {
    height: 500px !important;
}

Let me know if this works for you!

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.
sjackson
Tourist
8 0 2

does not work