Padding around videos on the video page

Site URL: https://cals.art

Site password: pump

Good day everyone!

On desktop, the videos I'm hosting on my site are displayed without any margin or border around them, and due to screen size they are often larger than the window itself, requiring scrolling and going into full-screen in order to properly view the content

Is it possible to, on desktop only, add padding or a margin to the videos?

bump

Can you share link to page in screenshot? I can't find it on homepage & videos page

On 8/13/2022 at 11:24 PM, tuanphan said:

Can you share link to page in screenshot? I can't find it on homepage & videos page

Hi tuanphan, I certainly can: it's https://www.cals.art/videos/v/irm

the password is pump

Thanks so much in advance!

On 8/22/2022 at 6:49 PM, calcal said:

Hi tuanphan, I certainly can: it's https://www.cals.art/videos/v/irm

the password is pump

Thanks so much in advance!

Add to Design > Custom CSS

section[data-section-id="62a73b5142c717679f03bcd2"] {
    padding-left: 30px;
    padding-right: 30px;
}

On 8/24/2022 at 8:51 AM, tuanphan said:

section[data-section-id="62a73b5142c717679f03bcd2"] {
    padding-left: 30px;
    padding-right: 30px;
}

Add to Design > Custom CSS

 

Thanks so much for your response @tuanphan am I able to prevent this code from applying to mobile?

Thanks again!

On 8/25/2022 at 7:30 PM, calcal said:

Thanks so much for your response @tuanphan am I able to prevent this code from applying to mobile?

Thanks again!

Use this new code

@media screen and (min-width:768px) {
section[data-section-id="62a73b5142c717679f03bcd2"] {
    padding-left: 30px;
    padding-right: 30px;
}
}