Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 30, 2016 at 10:51 am #640217
    werbeversum

    Hi,

    we have problems with the displays of the icons (“icon box”) on our site. Especially in Firefox it looks really fuzzy, in Chrome it’s better but still not good.
    How can we fix that?

    Thanks,

    Toby

    May 30, 2016 at 12:48 pm #640290
    Vinay

    Hey gruebundmartsch,

    The icons look good on my end would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Vinay

    May 30, 2016 at 2:22 pm #640377
    werbeversum

    Hi Vinay,

    so that’s a screenshot of an icon in Firefox which is pretty fuzzy:
    https://drive.google.com/file/d/0B-6iEuF3g4vOY0NENHN4dlg4RlU/view?usp=sharing

    Toby

    May 30, 2016 at 2:25 pm #640383
    Yigit

    Hey!

    Icons show up fine on my end as well on OS X 10.11. Which OS are you using?

    Best regards,
    Yigit

    May 30, 2016 at 2:32 pm #640391
    werbeversum

    Win 7 Home Premium

    May 30, 2016 at 2:40 pm #640400
    Yigit

    Hi!

    I asked my teammates to check your site on Win 7. Please kindly wait to hear from them

    Regards,
    Yigit

    May 30, 2016 at 10:22 pm #640614
    Basilis

    Hi!

    I checked the issue and seems that if you add to your CSS

    #top .iconbox.av-no-box .iconbox_icon { border-width: none; }

    fixes the issue. Can u please give it a test and let us know if it works?

    Thanks a lot

    Regards,
    Basilis

    May 30, 2016 at 10:49 pm #640620
    werbeversum

    I’m sorry to tell you but there was no change, it’s still fuzzy :/
    another possibility to change it?

    May 30, 2016 at 11:43 pm #640635
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .iconbox.av-no-box .iconbox_icon {
    border-style: none!important;
    border-width: 0!important;
    border-radius: 50%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

    Best regards,
    Vinay

    May 31, 2016 at 9:49 am #640782
    werbeversum

    Perfect, thanks again!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Icons display problem’ is closed to new replies.