EezabalzaSep 22, 2023
Hello, Is there a way to add new social icons like Zoom and Cashapp icons ? I can not find them on the canvas social-icons.html sample page, Thank you.
Social icons
2 replies · opened Sep 22, 2023
SSemicolon WebSTAFFSep 22, 2023
Hello,
Unfortunately, since the Zoom & CashApp Icons are currently not included within the Font Icons that comes bundled with Canvas, you will need to add them manually. It is possible to add your Custom Font Icons by using the IcoMoon App: https://icomoon.io/app/#/select . Add your Icons and Generate the CSS File using the App and then simply add the CSS Linking of the Custom Icons you have just generated in the Document <head>. Then add the Icon Classes accordingly.
For the Social Icons colors, you can simply duplicate the following code:
[ch_pre]:root {
--cnvs-color-zoom: #000000;
}
.bg-zoom,
.h-bg-zoom:hover {
background-color: var(--cnvs-color-zoom) !important;
}
.border-zoom,
.h-border-zoom:hover {
border-color: var(--cnvs-color-zoom) !important;
}
.color-zoom,
.h-color-zoom:hover {
color: var(--cnvs-color-zoom) !important;
}[/ch_pre]
Change the value of the CSS Properties HEX Color according to your needs.
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.
EezabalzaSep 23, 2023
Thank you I will try it
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