Align text to middle of image

  • Resolved brianr5

    (@brianr5)


    5 years, 3 months ago

    Hello,

    Great plugin! I added a small image to my banner, how would I go about vertically centering the text so it lines up with the middle of the image instead of at the bottom?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    Hey @brianr5 if you could send me the url of your site I can better troubleshoot. But without seeing exactly what you’re dealing with, the following css usually aligns text:

    text-align: center;

    • This reply was modified 5 years, 2 months ago by rpetersen29.
    Thread Starter brianr5

    (@brianr5)

    Thanks @rpetersen29! Here is the link: https://www.queencitychiro.com

    Plugin Author rpetersen29

    (@rpetersen29)

    Hey @brianr5 I see what you’re trying to do. This is the simplest way to achieve that. Remove that text-align line it won’t help this. In the Simple Banner text replace what you have with:

    
<span style="display: flex;align-items: center;justify-content: center;
">Official Chiropractic Provider <a href="https://gocheckers.com/front-office/164#chadrobertson"> <img src="https://www.queencitychiro.com/wp-content/uploads/2019/12/Checkers-Logo-60.png"></a></span>
    Thread Starter brianr5

    (@brianr5)

    @rpetersen29 Thanks a bunch!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Align text to middle of image’ is closed to new replies.