Full width video height

[clint22]

Hi,

Sorry I’m currently testing on a local server. upload the site is necessary.

I’m try to add css to the height of a full width video. I’m using a full width row and using the video player (youtube link) inside. The player full width works fine but I want to manually reduce the height as it’s too large for my design.

I’ve located the css to

.sf-video-wrap {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}

I can’t seem to bring down the padding with CSS to make it more of a letterbox design. It corrects and works fine when testing in Chrome Inspector – want it down to about 40% instead.

Can you point me in the right direction… I feel like i’m going around in circles.

Appreciate any help you can give me.

Thanks,

Clint

[David Martin – Support]

Hi Clint,

Very hard to help without a live link. Please add a screenshot so I can see the section video you refer to.

Thanks.

[clint22]

This reply has been marked as private.

[David Martin – Support]

Sorry I cannot access that site: This webpage is not available – ERR_NAME_NOT_RESOLVED.

You can copy out your shortcodes and I can test with those also locally.

Cheers,
David.

[clint22]

Hi David,

Problem solved. It seems I could actually resolve it between the row and video player options.

Thanks for getting back to me anyway.

Great themes by the way…

Thanks,

Clint

[David Martin – Support]

Hi Clint,

Glad you got, no problem. Any more queries please open a new ticket.

Thanks,
David.