The pop up video on one of my pages is small and wanted to increase the height and width of the video.
Topic summary
A user needed to increase the size of a popup video on their Shopify store page.
Initial Solutions Attempted:
- One responder suggested adding custom CSS targeting YouTube iframe elements with a fixed height of 500px, but this approach did not work.
Successful Resolution:
- After the user shared their store URL and specific page location, another responder identified the issue and provided a CSS solution.
- The fix involved editing the theme.css file and adding code to set
.pswp__container .pswp__custom-innertomax-width: 100%. - This solution successfully resolved the issue, allowing the popup video to display at the desired larger size.
Status: Resolved. The user confirmed the solution worked and thanked the community.
Hi @sjackson_1
can you share your store url & password (if applicable ) to let me check & suggest you the solution
Hello there @sjackson_1 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!
https://eibcnr-px.myshopify.com/
pw: test
does not work
where can I see your popup video?
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:
Amazing! Thank you so much!!
You’re welcome 