Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • March 30, 2016 at 11:32 am #605080
    ftt123

    Hello, I need to include icons that are not in the icon list Font: entypo-fontello given in the enfold theme, but I have designed. How can I include icons that I have designed on my own?
    thanks!

    March 30, 2016 at 2:07 pm #605155
    Josue

    Hey,

    You’d need to import the icons into Fontello (as compound-path SVGs) and then export them as a zip file that can be uploaded to the Enfold theme options, refer to this video – https://vimeo.com/75743285

    Cheers!
    Josue

    March 30, 2016 at 2:12 pm #605161
    ftt123

    thanks Josue for the quick answer, BUT it does not help me, because what I need is to include icons designed by me…is ther any way to do it?
    regards!

    March 30, 2016 at 2:19 pm #605168
    Josue

    I made a typo in my previous answer please re-read it and also check the following:
    https://github.com/fontello/fontello/wiki/How-to-use-custom-images

    Basically, the procedure is as follows:
    1. Export your custom graphics as .svg individually.
    2. Drag these .svg to fontello.com (set glyph names and codes if needed).
    3. Export these from fontello.com as a .zip file (as shown in the video).
    4. Import this .zip file into Enfold theme options (Import/Export)

    If everything went right the next time you add an icon-based element you should see something like – http://screencast.com/t/433XS7mXwR

    April 6, 2016 at 1:53 pm #608936
    ftt123

    Thanks Josue! another question: is it possible to make the icon bigger when I choose “standalone icon with border” I mean: the icon seems too small inside in relation with the circle, so if i increase the icon size the ratio size between the icon and the circle border remains, and I need only the icon (not the circle) increase.
    thanks again!

    April 7, 2016 at 11:48 am #609504
    Josue

    Hi,

    Can you post the link to the page in question please?

    Regards,
    Josue

    April 7, 2016 at 12:52 pm #609551
    ftt123

    of course, i am sending you below. thanks!

    April 8, 2016 at 11:53 am #610183
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .iconbox.av-no-box .iconbox_icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 90px;
}

    Cheers! 
    Josue

    April 8, 2016 at 1:10 pm #610207
    ftt123

    Sorry Josue, but it is not icon box but STANDALONE ICON

    April 8, 2016 at 1:12 pm #610209
    ftt123

    it works with icon box but i also need it with STANDALONE ICON
    is it possible?
    thanks again!!

    April 8, 2016 at 1:16 pm #610212
    Josue

    Try with this:

    #top .av_font_icon .av-icon-char {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
    
}

#top .av_font_icon .av-icon-char:before{
    font-size: 90px;
}
    April 8, 2016 at 1:34 pm #610217
    ftt123

    i have tried, but it makes bigger both (the diameter of the circle and the icon size), so the ratio still remains…is it not possible make only bigger the icon?

    April 8, 2016 at 2:15 pm #610257
    Josue

    Try this;

    #top .av_font_icon .av-icon-char {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
    padding:0;
    text-align: center;
    
}

#top .av_font_icon .av-icon-char:before{
    font-size: 120px;
}
    April 8, 2016 at 2:48 pm #610270
    ftt123

    thanks Josue, and a lasta question: Is it possible to avoid making bigger icons in some places? I mean, when I use the icons no icon box, and no standalone, only the icon.

    April 9, 2016 at 12:04 am #610450
    Josue

    Hi!

    You can set a custom class to certain elements:

    Turn on Custom CSS Class field for all ALB Elements

    And change the code accordingly:

    #top .custom_icon_class .av-icon-char {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
    padding:0;
    text-align: center;
    
}

#top .custom_icon_class .av-icon-char:before{
    font-size: 120px;
}

    Regards,
    Josue

    April 11, 2016 at 3:02 pm #611343
    ftt123

    Thank you ver much Josue, it works!!

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘how to include a new iconbox ICON’ is closed to new replies.