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

Store Design
1

Hi there,

I’m trying to centre the text columns on the footer of our site using the Dawn theme, but I can’t seem to get it correct. I have tried the below code but this centres everything, I would like it to look like the attached image, with the entire columns centralised not all of the text.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-footer.css->paste below code at the bottom of the file:

.footer__content-top .grid__item {
text-align: center !important;
}
.footer-block__details-content .list-menu__item–link {
justify-content: center !important;
}

If someone could tell me the correct code to use to centralise the columns that would be appreciated. Our store is
https://cbdasylum-com.myshopify.com/

1 Like
2

@Lanacbda

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-footer.css->paste below code at the bottom of the file:
.footer-block--menu {
    text-align: center;
}

.footer-block__details-content>li:not(:last-child) {
    margin-right: 0;
}