How to add one single icon and link. Without duplication?

Hi,

Can someone help me with the the two issues I have? I hope someone could help me! Would appreciate it a lot. 

1. The header is showing a duplication of the icon I made right on top. These are 3 different links so I need 3 different icons. How can I fix this?

2. I made a twitter icon beneath each avatar. But each twitter icon has the same link and once I add more links to the page it shows all of them.

Hi,

#1. If you can share link to your site, we can give code to replace last icon to custom icon

#2. 2 options to do this

• O1. Use jQuery code to change links on each image (This needs a Business Plan or higher)
• O2. Use Code Block to replicate 3 icons (Works on all plan)

What do you think?

www.animepunks.io

On 11/2/2021 at 9:02 PM, Madebyrvk said:

www.animepunks.io

 

Use this CSS

header#header a.icon[href*="opensea.io"] svg {
    display: none !important;
}

header#header a.icon[href*="opensea.io"] {
    background-image: url(https://cdn.pixabay.com/photo/2021/07/04/19/58/sunset-6387462__340.jpg);
}

Hey @Madebyrvk try to use this free plugin for the Discord social icon. Live demo

On 11/2/2021 at 8:40 AM, tuanphan said:

Hi,

#1. If you can share link to your site, we can give code to replace last icon to custom icon

#2. 2 options to do this

• O1. Use jQuery code to change links on each image (This needs a Business Plan or higher)
• O2. Use Code Block to replicate 3 icons (Works on all plan)

What do you think?

Thank you! it helped 🙂

On 11/4/2021 at 5:48 PM, Madebyrvk said:

Thank you! it helped 🙂

Hi,

#2. Can you share link to exact page? I don't see icons on homepage

https://www.animepunks.io/