Center Text over image when not using background-image

Support
#1

I have an image that I don’t want to set as a background image, but just as regular image to more control the size of the image. If I want to include a headline element of text centered on the image, is there a better way than using negative top margin and guessing at placement for each screen size breakpoint?

#2

Hello @MulderDSM,

Thanks for writing to us.

In order to align the text over the image in the center, I would suggest you please follow these steps.

  1. Element Structure
    Test-Page-Builder-Pro (45)

  2. Go to the column and set the flexbox as Center
    Test-Page-Builder-Pro (46)

  3. Go to the DIV element and set the Position as Absolute
    Test-Page-Builder-Pro (47)

  4. Set the Top and Right as 0 of the DIV Element

  5. Set the Flexbox as the Center of the DIV element.
    Test-Page-Builder-Pro (48)

  6. Now you need to set the width and height of the DIV element.

Test-Page-Builder-Pro (49)

Hope it helps
Thanks

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.