Centering payment methods and policy list on dawn theme footer

[Adrii]

I've looked everywhere, tried to edit the code but it will not budge. Website is laifufu.de, please help!

I've got this currently:

and I want this: 

[Maadhav_j]

Hi  @Adrii ,

Please share your Url.

thanks and regards 

Maadhav

[Adrii]

It's laifufu.de 

[Maadhav_j]

Hi @Adrii 

please check the result before proceed.

[DaisyVo · Accepted solution]

Hi @Adrii ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

@media screen and (min-width: 1024px){
.footer__content-bottom-wrapper.page-width .footer__column.footer__column--info {
    position: absolute !important;
    top: 50%;
    left: 50%;
    width: fit-content !important;
    transform: translate(-50%, -50%);
}
.footer__content-bottom-wrapper.page-width {
    position: relative !important;
}
.footer__content-bottom-wrapper.page-width .footer__column.footer__column--info .footer__payment {
    margin-top: 0 !important;
}
}

Here is the result:

Please let me know if it works!

Best,

Daisy

[Adrii]

Thanks, that worked! Didn't move the legal notice but I solved that with another one of the solutions given

[GTLOfficial]

Hello @Adrii 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> section-footer.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.footer__column.footer__column--info {
margin-right: 16rem;
margin-left: -30rem !important;
}
.footer__copyright.caption {
margin: 0 auto;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Adrii]

This one didn't move the payment options into the right place but the legal notice part worked great! Combined it with a part from the other solutions 🙂

[topnewyork]

Hello, @Adrii 

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

.list-payment {
        padding-top: 0%;
        position: relative;
        right: 55% !important;
}

 Thanks!