academicon icons

Question

Hi,

I have recently purchased the canvas html template, and I am very happy with my purchase.
I would like to add academicon icons to my website and to add them using the same format as social-icons. The developers of the academicon icons made them compatible for use with font-awesome icons. The icons are located here: https://jpswalsh.github.io/academicons/

Could you please direct me how to import these icons so I can use them with the canvas template, if possible so that I can manipulate them using the same coding as for the social-icons?

Many thank,

Alexi

SemiColonWeb · Accepted Answer

Hello,

You can simply link the Academicons CSS in the Document <head> after the css/font-icons.css File and use the Default Instructions for using the Icons. To integrate the icons with the Social Icons styling, simply use the following CSS Code:

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

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

Simply change the .si-facebook with your required class-name and #3B5998 with your color.

This will definitely work fine. Hope this Helps!

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