Duplicated payment icon on footer

Shopify Discussion
1

Hi! My old payment provider did’nt activate the payment icons svg’s automatically, so I added then manually to my footer, by putting them on CSS. I recently changed my provider for one that already activate the svg’s and the payment icons are duplicated. How can I fix it? Thanks!

URL: Avvoyer.com

Password: seipra

Captura de tela 2024-06-04 210316.png
Captura de tela 2024-06-04 210316.png1053×349 18.9 KB

2

Hi, @Avvoyer .

Thanks for posting to the Shopify Community. Are you able to replicate this issue in a fresh Shopify theme?

3

Hi @Avvoyer

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
ul.list-payment li:nth-child(1) {
display: none;
}
ul.list-payment li:nth-child(2) {
display: none;
}
ul.list-payment li:nth-child(3) {
display: none;
}
ul.list-payment li:nth-child(4) {
display: none;
}
ul.list-payment li:nth-child(5) {
display: none;
}

ZestardTech_0-1717567441665.png
ZestardTech_0-1717567441665.png1893×831 36.8 KB

4

Thanks! It worked perfectly!

5

Hi @Avvoyer

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.