WhatsApp icon in social links

You can add a Link icon then we can give code to replace it with Whatsapp

8 hours ago, tuanphan said:

You can add a Link icon then we can give code to replace it with Whatsapp

Hi Tuanphan! Ive done as you suggest.. how can I replace it?

Many thanks!

thanks for all your help Tuanphan.. however for my website just doesn't work, I gave up on that.. 

On 6/20/2023 at 12:27 PM, tuanphan said:

Add this code to Design > Custom CSS. You can replace whatsapp icon in the code with new url (because we can't use code to change its color, so if you need to change to blue, you can send new icon, I will give new code)

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

 

Great Solution , If someone needs to get same thing done in footer  you can use this code, just a extension to above one.

footer#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#footer-sections [href*="wa.me"] svg {
    display: none;
}

"Whatsapp" is replaced by "wa.me" as per new whatsapp link policy for more check this link How to use click to chat | WhatsApp Help Center