How can I center the footer text on the Dawn theme?

Store Design
1

Hi there,

I’m having trouble centring the text on the footer of our website using the Dawn theme. I have seen others have the same problem and tried utilising the code suggested, as below, but it doesn’t fully centre all of the text. The links are all over the place, how do I fix this? I have attached an image so you can see.

This is the code i tried from this link - https://community.shopify.com/c/shopify-design/help-with-footer-centering-footer-links-with-quot-dawn-quot/td-p/1522994

Screenshot 2022-08-18 at 15.06.55.png
Screenshot 2022-08-18 at 15.06.55.png3148×1504 199 KB

2 Likes
2

@Lanacbda

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

https://cbdasylum-com.myshopify.com/

4

https://cbdasylum-com.myshopify.com/

This is the link. If you’re able to provide a solution that would be great.

1 Like
5

@Lanacbda

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.footer__content-top .grid__item {
    text-align: center;
}
.footer-block__details-content>li:not(:last-child) {
    margin-right: 0;
}