Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • December 5, 2014 at 11:30 pm #363911
    afarahani

    Fontello doesnt have any font package for numbers. Is there any way that I can use numbers instead of characters in my icon box?

    December 7, 2014 at 5:49 pm #364305
    Elliott

    Hey afarahani!

    First off do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, and then add a class to your iconbox such as “icon_one”.

    And then add this to your custom CSS.

    .icon_one .iconbox_icon:before {
    content: "1" !important;
}
.icon_two .iconbox_icon:before {
    content: "2" !important;
}
.icon_three .iconbox_icon:before {
    content: "3" !important;
}

    Regards,
    Elliott

    December 9, 2014 at 12:40 am #365079
    afarahani

    Hi Elliott,

    Is there any way that I can use farsi charachters (numbers) in above custom CSS?

    Regards,
    Amir

    December 9, 2014 at 2:59 pm #365348
    Yigit

    Hey!

    Yes, you can place them inside double quotes instead of numbers

    Cheers!
    Yigit

    July 18, 2016 at 5:50 am #661847
    yingyang

    I tried the workaround given by Elliott but it doesnt seem to work, it was posted in 2014, is this still compatible with the latest version? if so please clarify the steps if possible thanks

    July 18, 2016 at 1:54 pm #661947
    Yigit

    Hi,


    @kilimats     yes it is working. If it is not working for you, please start a new thread, attach temporary admin logins in private content field so we can look into it. If you post them here, OP would be able to see private content field as well.

    Best regards,
    Yigit

    February 8, 2017 at 6:57 pm #744454
    vevans2

    HI Yigit,

    Thank you for the instructions for replacing the icon with numbers. It works great!
    How may I change the font and size of the numbers?

    Valerie

    February 13, 2017 at 6:41 pm #746563
    Andy

    Hi,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    February 15, 2017 at 6:24 pm #747588
    vevans2

    Hi Andy,

    Thanks for the help. The icon boxes are at the top of the page.

    How it works

    Valerie

    February 16, 2017 at 9:01 am #747845
    Rikard

    Hi Valerie,

    Thanks for the link, though I can’t see any content at all on the page you linked to?

    Best regards,
    Rikard

    February 16, 2017 at 7:14 pm #748099
    vevans2

    Hi Rikard,

    Thank you for the quick response and also for seeing this error. The content should display on the page now. The icon boxes are at the top of the page.

    Valerie

    How it works

    February 20, 2017 at 1:23 pm #749307
    Andy

    Hi,

    with this code you can change font size of the icon in question:

    .iconbox_top .iconbox_icon {
font-size: 30px;
}
#top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before {
font-family: 'Helvetica';
}

    Adjust as needed.

    Best regards,
    Andy

    February 20, 2017 at 3:46 pm #749406
    vevans2

    Hi Andy,

    Thank you for the quick response. The font size looks great, but the font family did not take effect.
    Is there anything else I can try for the font family?

    Valerie

    February 20, 2017 at 4:12 pm #749428
    Yigit

    Hey!

    Please try adding following code to Quick CSS 

    .iconbox_top .iconbox_icon, .iconbox_top .iconbox_icon * {
font-family: 'Helvetica' !important;
}

    Regards,
    Yigit

    February 21, 2017 at 5:56 pm #750066
    vevans2

    Hi Yigit,

    Thank you for the CSS. It did not change the font.
    Do you have any other ideas?

    Thank you,
    Valerie

    February 27, 2017 at 6:22 am #752152
    Ismael

    Hi,

    What is the font that you want to use? Please try using a different font.

    #top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before {
    font-family: 'Courier' !important;
}

    Don’t forget to remove the previous modifications.

    Best regards,
    Ismael

    February 27, 2017 at 4:27 pm #752339
    vevans2

    Hi Ismael,

    Thank you for the help! It looks fantastic.

    Valerie

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Using numbers instead of font characters in Icon-Box’ is closed to new replies.