• Does anybody know how to add glyphicons to a widget if they are missing? by default glyphicons are included with twitter-boostrap which customizr supports. (these are the small icons which are next to each widget). I can’t seem to find a way of adding them.

    If you look in the footer section of my test site https://www.bsjt.org.uk the icons are missing from the text widget (contact us), how would I add one to this widget? there doesn’t seem to be a way to do it through the widget menu?

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Customizr uses 2 sets of icons: Entypo and Genericons and you can add them to your text widget titles, e.g.

    .widget_text h3:before {
    content: '\f301';
    }

    If you wish to use free glyphicons then I recommend svg-vector-icon-plugin

    Hello tomaja,

    To use the icon of a phone, I added this in my css:

    .site-description:before {
    content: '\U+1F4DE';
    }

    but that doesn’t work. It is written U+1F4DE instead of the logo.

    Do you know why ?

    Moreover I tried with the plugin you gave but we have to write HTML code. So impossible to set up next to the tagline, isn’t it?

    Try with

    .site-description:before {
    content: '\1F4DE';
    }

    for adding content – icons before tagline take a look at this thread.

    Thanks you @tomaja but I have still some problems:

    1) If I had your code in my CSS there is a squarre with numbers in it, but no icon :'(

    2) If I do what it is written in the thread, my tagline is not clickable anymore (I have a phone number and an email address in my tagline).

    Do you have any solutions ?

    Thanks for your help

    Finally I found. I had to add other stuffs like the font-family. To help the other one, you just have to copy paste this if you want a phone icon before your tagline

    .site-description:before{
        content: "??";
        font-family: 'entypo';
        font-size: 3em;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 0;
        padding-right: 7px;
        position: relative;
        top: 4px;
    }

    Im glad that it worked out at the end. Under 2) you can make it clickable with adding src=”” with link in your <img> tag.
    Cheers

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘glyphicons missing from some widgets on page’ is closed to new replies.