Streaming live at 10am (PST)

Text centered over image. Connected together


#1

Hi.

Is it possible to center a text over an image. Link them together so that when I minimize the browser, they move together and the text never leaves the “box” Centered in realtion to the picture, not the screen.

Best regards.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

One way to do it is:

Add a div, give it a background image, give it a class.
Make it flexbox - set to vertical/horizontal centre as needed.

Add a text box inside the div, make it 100%

More here:

Hope that helps
Stu


#3

Thanks.

I checked the clip. I have centered the picture. But how do I center a text over the picture in the same box? Right now, the text is beside the picture even though they are in the same box


#4

Can you share your link for a closer look ?

If the text box is inside the parent div, try 100% width on the text box (also centre text)


#5

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