Overlapping text box / column and image

[RevealHM]

Hello! I want to create this look where the box overlaps the image

I watched the YouTube video “How to Create Overlapping Content (Part 2)”

I added the row element to the column and applied the css
$el.x-row{
margin-left:-150px;
}
and nothing changed.

Please advise on how I can make the row overlap the image. Thank you so much!

[RevealHM]

Hi! I actually figured it out. I refreshed my page and then it went to the left more. Then I adjusted the z index so that the photo was behind the text box.

However, I can’t figure out how to get the block in the second photo to be centered on the photo. As you can see it’s on the very top of the photo.

thank you.

[ruenel]

Hello Ashley,

In your Column settings, you need to enable the “Flexbox” option and align it to the “Center” both vertically and horizontally.

Best Regards.

[RevealHM]

Sweet! Thank you very much! You guys are the best.

[marc_a]

HI Ashley,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.