Canvas Support

Whatsapp social icon animated

1 reply · opened Sep 8, 2018

Mmjac83Sep 8, 2018

Hi, do you have an animated social icon for whatsapp like facebook and the other in the seccion Social Icons?
please see attache image.
Sincerely Maykel

SSemicolon WebSTAFFSep 17, 2018

Hello,

Unfortunately, the Whatsapp Icon is currently not included within the Font Icons that comes bundled with Canvas. However, it is Definitely Possible to add your Custom Font Icons by using the IcoMoon App: https://icomoon.io/app/#/select . You can then simply add the CSS Linking of the Custom Icons you have just generated in the Document <head> and add the Icon Classes accordingly.

For the Social Icons colors, you can simply duplicate the following code: 

.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }

.si-text-color.si-facebook i { color: #3B5998; }

and replace the .si-facebook Class with your New Custom Icon Name, example .si-whatsapp and then simply change the value of the CSS Properties HEX Color according to what you require.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any other issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard