Centering the footer text

  • Resolved liftyourgame

    (@liftyourgame)


    8 years, 5 months ago

    Having added another link in my footer (thanks to Tom for the help in this thread: https://wordpress.org/support/topic/adding-a-js-script-to-the-footer/#post-9722295) I realised that the footer text isn’t centering after I viewed the site on mobile.

    I’ve tried

    /* Footer centering */
	.site-info {
		text-align: center;
}

    But this doesn’t change the position unless I choose left or right. Is it possible that the new script I added is positioned outside the div? How do I make sure it’s inside it?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    8 years, 5 months ago

    Hi there,

    The link you added has position: absolute added to the style tag. That will remove it from the flow of the content and throw off centering.

    Let me know if you need more info 🙂

    Thread Starter liftyourgame

    (@liftyourgame)

    8 years, 5 months ago

    Ah yeah I did that because the added image was too high relative to the rest of the text (see the change I’ve left up). I’ve tried vertical-align top/middle/bottom but that doesn’t fix it. How can I make it align vertically in the center, like with the bullet point mid way up the image?

    Thanks!

    Theme Author Tom

    (@edge22)

    8 years, 5 months ago

    Try this:

    <span style="position:relative;bottom: -7px;">Link in here</span>

    Thread Starter liftyourgame

    (@liftyourgame)

    8 years, 5 months ago

    Perfect! Thanks so much once again.

    Theme Author Tom

    (@edge22)

    8 years, 5 months ago

    You’re welcome 🙂

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Centering the footer text’ is closed to new replies.