How to center align text in a footer menu?

Shopify Discussion
1

Hello,

Im looking to centre align all three boxes i have in my footer menu. My website is dawn theme

website www.retrowerksgarage.com

2

Hello @Retrowerks

To center align all three boxes in footer follow this steps :

  1. Go to online store > edit code

  2. Find section-footer.css and paste the below code at the end of file.

.footer .footer__blocks-wrapper
{
  align-items: center; 
}

Hope this works well.

3

Hello,

That didnt seem to work. It only moved the media icons downwards rather then centring them.

4

Hi!

The easiest way to do this is to edit the footer.css file with the following CSS.

.footer-block{
    display: flex;
    justify-content: center;
    text-align: center;
}

This will make sure the items are aligned like icons are aligned center as well as the text.

5

This worked perfectly. Thank you!

6

You’re welcome!