footer payment icons not aligned properly.

[SinghSells]

hi all, can someone please help me with imbalance in footer payment icon. as you can see in the photo Afterpay icon is not aligning with other icons properly (as I manually add Afterpay icon) how can I align them equally?

[topnewyork]

Hi @SinghSells , Kindly share your store URL.

Thanks!

[SinghSells]

https://www.supersell.co.nz/

[topnewyork]

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Rahul_dhiman]

Hello @SinghSells
Go to online store ----> themes ----> actions ----> edit code ---->assets ----> component-list-payment.css
add this code at the end of the file.

ul.list.list-payment {
align-items: center;
}

result

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

[Huptech-Web]

Hello @SinghSells , Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on “Themes”
3. Select “Edit code”
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can’t find your custom CSS file, open “component-list-payment.css”
6. Add the following code at the end of the file.

.footer__payment .list-payment {
    align-items: center;
}

Here is the screenshot of the same.

Feel free to reach out if you have any additional questions. If this solution is helpful, please consider liking and accepting it.
S.P

[niraj_patel]

Hello @SinghSells

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { .footer .list-payment { align-items: center !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[GTLOfficial]

hit like button.