Why is my footer text alignment off in Dawn theme?

[jackrivers]

Hi wise men of Shopify,

I’m using dawn theme, which has the footer text aligned to the left. I tried to align it to centre with the following commands

/* This is for the header */
.footer__content-top .grid {text-align: center;}
/* This is for each menu item */
ul.footer-block__details-content.list-unstyled {text-align: center;}

But when I ran the code, I got this monstrosity.

Anyone know why my centered code is so off-kilter?

Website: https://bladelighter.com/pages/696969

[PageFly-Victor]

Hi @Jackrivers

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Go to Online Store > Themes > Edit Code > base.css. After you can paste this code to the bottom of the file

@media(max-width:767px){

ul.footer-block__details-content.list-unstyled li a {

margin: auto;

display: block;

}

}

Best Regards;

Pagefly

[Kani]

Hi @jackrivers

1: Online store > themes > Actions > Edit code > Assets > section-footer.css

line 409

add /* */ like this

[KetanKumar]

@jackrivers

yes, please 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__content-top .grid {
    text-align: center;
}

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

[jackrivers]

Worked perfectly!