Code to Replace Link Social Icon with Own Social Icon

Hi, I'm trying to replace the social icon link with the whatsapp icon that you can take off of their brand pack. Can someone help with this? Thanks in advance.

What is site url? We can give code easier

@tuanphan https://wolf-primrose-bpst.squarespace.com/ password: ring

Thank you!

52 minutes ago, tuanphan said:

Add to Design > Custom CSS

/* Whatsapp */
footer.sections [href*="wa.me"] {
    background-image: url(https://i.ibb.co/xKZkYDB/whatsapp-icon.png) !important;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
footer.sections [href*="wa.me"] svg {
    display: none;
}

 

Amazing, thanks so much!

May I please get help with the same issue but using an ADA icon to link back to a page on the site I'm working on?

https://panamacitysymphony.squarespace.com/buy-tickets

On 6/21/2023 at 1:44 AM, MollyJoy said:

May I please get help with the same issue but using an ADA icon to link back to a page on the site I'm working on?

https://panamacitysymphony.squarespace.com/buy-tickets

The site is private. Can you setup an access password then we can access easier