Hey guys,

My video descriptions look good on desktop, but are too tight on mobile (see pics). I'd ideally like to center the description on mobile (and keep desktop as is) OR indent so it's a little indented for both. I've scoured the forums but can't find an answer. 

Site is www.adamwarmington.com

Thank you

Anyone ?

Hey guys - just bumping this - hoping someone can help me out...

Hi,

Something like this?

If so, add the below CSS in Custom CSS - it is for mobile only

@media (max-width: 767px) {
    .sqs-block-video .video-caption-wrapper {
        text-align : center;
    }
}

On 9/17/2024 at 3:49 AM, sorca_marian said:

Hi,

Something like this?

If so, add the below CSS in Custom CSS - it is for mobile only

@media (max-width: 767px) {
    .sqs-block-video .video-caption-wrapper {
        text-align : center;
    }
}

 

Perfect - thank you so much 🙂

Great! Don’t forgot to mark my answer as the solution 

This might not be the right thread, but hoping for some help.

 Any thoughts on how to tweak this code?. As is, it takes up the entire page not allowing me to add anything additional to the page or anything else.

I need to somehow reduce the size of it so I can still add additional pages or text font to the remainder of the pages. 

Thank you in advance! 

https://www.jolijames.co/moonphase

On 9/19/2024 at 4:43 AM, JoliJ said:

This might not be the right thread, but hoping for some help.

 Any thoughts on how to tweak this code?. As is, it takes up the entire page not allowing me to add anything additional to the page or anything else.

I need to somehow reduce the size of it so I can still add additional pages or text font to the remainder of the pages. 

 

Thank you in advance! 

https://www.jolijames.co/moonphase

You can use this to Website Tools > Custom CSS to reduce gap

.fe-66e98f2e1707457ce5acde2c {
    grid-template-rows: repeat(25,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}
.fe-block-yui_3_17_2_1_1726582520938_20291 {
    grid-row-start;
    grid-row-start: 15 !important;
}