Background Color - Fullwidth - Text in Container [SOLVED]

[hivehouse]

I’m trying to figure out how to have text sit on a background image AND the text has a translucent background color AND the text lines up with page copy below it.

I’ve attached a screenshot slice of ther hero image, hero text with background color and subsequent page content below it.

What I can’t figure out is how to get the background color of the row to be full width AND YET still have the hero text line up with the content below it. The content below it are in rows with a global container. The hero text is in a row without a global container.

The overall look should be like this:

And trick or suggestion I can try?

[hivehouse]

I answed my own question.

Nested rows.

First row (with the background color) is set to Global Container - No
Drag row element into that row and set it to Global Container - Yes
Place headline element in the child row.

Solved.

Thanks much for the row element!

[ruenel]

Hey @wbgTHEMECO,

We are just glad that you have figured out a way to correct the said issue.
We really appreciate for letting us know!

Best Regards.