Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 25, 2017 at 3:17 am #738077
    KimberlyM

    Just finished creating my own icon fonts through Fontello. I’ve increased the stroke size of the icon fonts in illustrator and tried various sizes but to no avail. My icon fonts still look very small and show very faint. Is there a way in css that I can make the icon circle padding smaller so that it can show my icons larger? Or is there another work around that you would recommend.

    January 25, 2017 at 11:28 am #738279
    Basilis

    Hi Kimberly!

    Try the following CSS

    .main_color.iconbox_top .iconbox_icon { 
font-size: 18px;
padding: 20px;
}

    let us know if anything else is needed

    Regards,
    Basilis

    January 25, 2017 at 6:29 pm #738515
    KimberlyM

    That worked with some slight modifications. Unfortunately the larger the font size I go the more off center it puts it and I really don’t want to change my padding too much. Is there a way to force center the icon?

    January 28, 2017 at 8:51 pm #739765
    Nikko

    Hi,

    Try adding this css code in Quick CSS:

    #top .main_color.iconbox_top .iconbox_icon {
    padding: 10px 13px 10px 5px;
}

    Just adjust the paddings as you see fit. Hope this helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.