Centering text with column bg image

Support
#1

Hello-

On this page:
https://leadas.love/

There is a circle that has Welcome! in it. How can I get the text centered inside that circle?
Thank you,
Kim

#2

Hi Kim,

Thanks for writing in!

Do you want something like this?

Please do the following:

  • Please make sure that your background image is position to the center.
    https://image.prntscr.com/image/40Ay9fIuQRSOS145Sv0NnA.png
  • And make sure that column padding left and right is 0.
  • And lastly, remove any negative padding and make sure that the margin of the text element is equal to the left and right.

We would loved to know if this has work for you. Thank you.

#3

RIght- But what I am trying to do is move the entire circle (background image and text) to the left because when I center it it leaves more white space on the left than on the other side of the page. It’s off balance. How can I move this entire element left?

#4

Hi Kim,

Please utilize the background-position option to move the background in your desired position.



Apply a max-width to your text element (as wide as the circle), and position it inside the circle using the margin, (or text-align option if possible)



Thanks,

#5

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