Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 3, 2023 at 10:58 am #1421266
    Henningcircle

    Hi there, my customer would like numbers (plain or in black circles) instead of icons on the home page.
    I have been looking in downloadable icon sets.
    Cannot find a series/set to import in Enfold.

    Help?

    http://www.arnoldvanouwerkerk.nl

    October 4, 2023 at 4:54 am #1421343
    Ismael

    Hey Henning,

    Thank you for the inquiry.

    You can create number icons using the icon font generator in the fontello.com/ site. Just create an SVG file of the numbers, then upload it to the Custom Icons panel. The result can be uploaded to the theme’s Iconfont Manager. Please check the documentation below for more info.

    // https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

    Best regards,
    Ismael

    October 4, 2023 at 7:27 am #1421347
    Guenni007

    yes – that is the way – and although this can be done very quickly with e.g. Illustrator with the font of your choice, you can also find free icons.
    You can download them as svg and upload them to Fontello. Just drag them into the Custom Icons field.

    see here f.e. a free iconset – you can download each as svg.
    https://www.flaticon.com/free-icon-font/2_8986257

    PS: i tested that font – Unfortunately, the glyphs there are not properly prepared. Therefore, in such a case, one takes an intermediate step via the icomoon app (link). Upload this svg there and then download the set. The svg contained in the zip can then be uploaded to fontello. They have the correct size now.

    October 4, 2023 at 7:48 am #1421348
    Guenni007

    you can download here an uploadable numbers font iconset i made from myriad bold fonts:
    one sans-serif and one serif font (myriad and times)

    Download-Link

    and if you like to adjust font-weight and size:

    #top .avia-font-numbers, 
body .avia-font-numbers, 
html body [data-av_iconfont="numbers"]::before {
  font-family: 'numbers';
  font-weight: bold !important;
  font-size: 1.6em;
}
    October 4, 2023 at 10:51 am #1421369
    Guenni007

    By the way – the plain numbers could be styled to white icon colored background on the enfold albs itself.
    Or by custom css and quick css rules.

    Edit – the download above includes Numbers on backgrounds. This is easier to handle then to have additional css.

    October 5, 2023 at 3:27 pm #1421502
    Henningcircle

    Thank you so much!!! With the quick CSS it works with the white (free) icons!

    October 5, 2023 at 3:31 pm #1421504
    Guenni007

    did you see the download link in: https://kriesi.at/support/topic/icon-box-numbers-icons/#post-1421348
    Link: https://webers-webdesign.de/numbers.zip

    Edit here – because topic closed already:

    html body [data-av_iconfont="numbers"]::before {
  font-family: 'numbers';
  font-weight: bold !important;
  font-size: 1.6em;
  position: relative;
  left: -5px
}

    to center the numbers !

    October 5, 2023 at 3:47 pm #1421509
    Henningcircle

    Yes I did, downloaded them and imported in the Enfold settings / Icon Font import!! Thanks!!!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Icon-box: numbers icons’ is closed to new replies.