Help Needed: Center Aligning Footer Content Text (Dawn Theme)

[MarcHasler]

Hi Shopify Community,

I’m struggling to center-align the text links in my store’s footer (e.g., “Privacy Policy,” “Terms of Service”) so that they are horizontally aligned and perfectly centered. The payment icons are already correctly placed, but the text links remain misaligned despite my adjustments.

Current Behavior:

The text links appear shifted slightly to the left or don’t align horizontally with the payment icons.

Ive tried several CSS changes, but they don’t seem to fix the alignment issue.

Context:

Using a customized version of the Dawn theme.

Footer includes text links, payment icons, and branding info.

Custom CSS is added through the theme editor.

Question:

How can I ensure the footer text links are horizontally aligned and centered within the footer alongside the payment icons? Any specific CSS adjustments or troubleshooting advice would be greatly appreciated!

Thank you for your time and help! 😊

[websensepro]

Hi @MarcHasler , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[MarcHasler]

Hi, Thanks a lot for your help! The website URL would be Jinzo.ch and the Password: ajhbfjhw&/

[websensepro]

@MarcHasler 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.footer__content-bottom-wrapper {
    display: flex;
    justify-content: center !important;
    width: 100%;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[MarcHasler]

I put it in the bottom of the file base.css, saved it, reloaded the page and emptied cache but it didn't change anything. 

[topnewyork]

Hello, @MarcHasler 
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

.footer__content-bottom-wrapper.page-width .footer__copyright caption {
    justify-content: center !important;
}

 Thanks!

[MarcHasler]

I put it in the bottom of the file base.css, saved it, reloaded the page and emptied cache but it didn't work either

[topnewyork]

Sorry for late reply, tr this code @MarcHasler 

footer__content-bottom-wrapper {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}

Thanks!