Create a box with fixed aspect ratio

annevoelkel · May 2019

Dear team,

I'd like to create a box with different content items as e.g. headline, text and button what scales with grid and has a fixed aspect ratio. The background-image should behave like in the hover box or trailer box or zoom box but without effects. Please see the attached image to see what I mean.

I would be happy about a tip.

Best regards Anne

Pablo · May 2019

Hi,

You can recreate it using the column item.

In this item, you can insert HTML code so you can create your own structure there.

Of course, attach the image as a background of that column with "cover" size.

Thanks

annevoelkel · May 2019

Hi Pablo,

thanks for your quick reply and I did what you recommended. The problem is that the appearence of the background image depends on the content and the different viewport. I would like it to keep the original aspect ratio as e.g a square 1:1. That works with fine with hover boxes but there I can't insert some html code.

Please see here what I mean: https://www.einfachzukunft.de/2019/start-de-test-raster/

Thanks and beste regards Anne

annevoelkel · May 2019

I fixed it!

Best regards Anne

Create a box with fixed aspect ratio

Comments

This website uses cookies