Hi, I tried to customize the Product Page in Dawn 2.0.
After inserting a video section, I found that section looks too big on the desktop. Is anybody know how to adjust the video margin or padding?
Hello @Wishpools ,
Welcome to the Shopify community!
Share your store url with password.
Hi, the link is here. You can see the Video in the middle of the page.
@Wishpools - please addd this css and check, adjust number as per the need
@media screen and (min-width:1200px){
.video-section .title{text-align: center;}
.video-section__media iframe {
width: 60%; height: 60%;
margin: 0 auto; left: 0; right: 0;}
}
Hi @Wishpools ,
.video-section.page-width {
width: 50%;
}
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->video-section.scss.liquid
@suyash1 Hi, which file should I open and insert the code?
@Wishpools go to online store->themes->actions->edit html/css
search base.css and add to the very end of it
Online Store->Theme->Edit code->Assets->video-section.scss.liquid
I inserted this code at the bottom of online Store->Theme->Edit code->Assets->video-section.scss.liquid and found this can limit video frame but can not change the cover image frame (wherever has a cover image or not). Is there any way to change both the cover image and video frame?
@media screen and (min-width:1200px){
.video-section .title{text-align: center;}
.video-section__media iframe {
width: 60%; height: 60%;
margin: 0 auto; left: 0; right: 0;}
}
@Wishpools - try this css
@media screen and (min-width:1200px){
.video-section__poster img{
height: 60% !important;
width: 60% !important;
left: 0; right: 0; margin: 0 auto;
}
}
@suyash1 By this way, there is a huge gap between the video section and the below section.
@Wishpools - i recommend to keep image full then or i think @oscprofessional will have the solution for it.
There is the gap. @oscprofessional please take a look.