Canvas Support

Custom Icons

2 replies · opened Nov 5, 2016

PpadgurcNov 5, 2016

Hi

Adding css link to custom font icons with <link rel="stylesheet" href="css/flaticon.css" type="text/css" /> and calling icon
class with <i class="flatiron-naked-trees-branches"></i> doesn't work good with me! Any hint please?
My dev site: http://lea.hamradio.si/~s50u/borut/index-onepage.html

Thanks

SSemicolon WebSTAFFNov 6, 2016

Hello,

It is Definitely Possible to use Custom Icons and Canvas is completely compatible with this. We have just checked out your Website and the reason why this is not working for you is the following code inside the css/flaticon.css File: 

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
}

Simply, remove the font-size: 20px; and margin-left: 20px; Code from the above File and this will automatically fix your issue. Example:

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: 'Flaticon';
    font-style: normal;
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

PpadgurcNov 6, 2016

Works like a charm! Thanks

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