Duplicated payment icon on footer

Solved

Duplicated payment icon on footer

Avvoyer
Excursionist
41 0 7

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

Accepted Solution (1)

ZestardTech
Shopify Partner
6069 1087 1457

This is an accepted solution.

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

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

Victoria
Shopify Staff (Retired)
2398 162 291

Hi, @Avvoyer.

 

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

Victoria | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

ZestardTech
Shopify Partner
6069 1087 1457

This is an accepted solution.

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

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Avvoyer
Excursionist
41 0 7

Thanks! It worked perfectly!

ZestardTech
Shopify Partner
6069 1087 1457

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing