How to change the video size on the page to more than 800px

Store Design
1

Hi there, there is another question, I want to resize the video on the page to more than 800px, any suggestions?

Thank you so much.

Please check the picture, I want to change the size to the blue box, maybe 1000px

Please check the URL

https://www.lilygo.cc/blogs/news/a-quick-look-at-the-t-display-s3

Ajing_0-1668502581039.png
Ajing_0-1668502581039.png1809×803 203 KB

Thank you so much.

2

Hi @Ajing .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

iframe{
height: 500px;
width: 1000px;
}

Hope this answer helps.

Best regards,

Richard | PageFly

3

Hi, thank you for your help, I added it but didn’t work

Ajing_0-1668503332429.png
Ajing_0-1668503332429.png737×218 5.05 KB

4

you can try this code to fix it

iframe{
 height: 500px !important; 
width: 1000px !important; 
}
5

I changed the code, but the same

6

can you help me add code to the top of the file.

7

Hello @Ajing
Go to Online store >> Edit code >> Assest >> base.css
Add this code below of the base.css
It’s work on both device desktop and mobile.

.article-template__content iframe {
width: 100% !important;
height: 630px !important;
}
@media(min-width: 280px) and (max-width: 767px){
.article-template__content iframe {
width: 100% !important;
height: 380px !important;
}
}

8

Oh, worked, thank you, but on mobile is not fine

9

Oh thank you so much, it worked!

10

If our solution are help you then please mark job as accepted.

1 Like