Community forum for knowledge and support

Updated 6 months ago

Changing header 78 images to 16:9 ratio

At a glance

A community member is trying to change the images in Header 78 to have a 16:9 ratio, but is unsure how to do it. Another community member provides a solution, suggesting to change the top padding from 75% to 56.25% as a CSS hack to create different ratios for image wrappers. The community member who asked the original question responds with "Perfect. Thank you!", indicating that the provided solution is the answer.

Useful resources

Hmm. I’m trying to change Header 78 images to all be 16:9 ratio but cannot see how to do that. Anyone know?

Attachment
image.png
M
L
2 comments

you'll just need to change the top padding from 75% to 56.25% - its a CSS hack for creating different ratios for image wrappers.

You can find the different ratios with our UI Elements > Images components here:
https://www.relume.io/ui-elements?ui-elements-categories=images

Attachment
image.png

Perfect. Thank you!

Add a reply
Sign up and join the conversation on Slack