Best way to layer text over grid or rows?

[Christina]

Hi!

I want to layer a BIG headline over 4 equal sized rows. The 4 rows would each have a background image so they are responsive (verses one big background image). Is this possible? Headline would lay over all 4 (centered)

Thank you!

[ruenel]

Hello @Christina,

Thanks for writing in!

Yes, it is possible to put a big headline layer over 4 rows. You need to insert a DIV element next to the Section element before adding the 4 Rows. Just like this:

Press Command key or the ALT key on a Windows keyboard before clicking the “+” icon so that you can add the DIV element. And then add the ROWS just like this:

In your DIV element settings, set the position as “Absolute” while setting the width and height to 100% so that the DIV element will cover over the 4 rows.

And do not forget to set the z-index to at least 10 as well to make sure that this DIV layer will always be on top. And in this DIV element, this is where you insert your Headline element like this.

And to make sure that the Big Headline element will display at the middle center of the 4 rows, you need to enable the Flexbox option in the DIV element settings.

Kindly let us know how it goes.