Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 13, 2017 at 10:53 am #876019
    Estra

    Hi!
    The logo in my main header looks perfect on Firefox, a bit more blurry on Safari and very blurry in Chrome.
    I’ve seen multiple threads on this, but haven’t seen a solution that works for me. I’ve tried decreasing and increasing the image size and using png and jpg, but it doesn’t seem to make a difference.

    Hope you can help.

    November 14, 2017 at 4:45 am #876422
    Rikard

    Hey Estra,

    I compared your site between Chrome and Firefox but I can’t see any difference, did you try clearing your browser cache and reload? If that doesn’t help then please post a screenshot so that we can see what you are seeing on your end.

    Best regards,
    Rikard

    November 20, 2017 at 4:06 pm #879179
    Estra
    This reply has been marked as private.
    November 20, 2017 at 7:13 pm #879301
    Nikko

    Hi,

    You can upload it on https://imgur.com/ and post the link here.

    Best regards,
    Nikko

    November 21, 2017 at 11:15 am #879648
    Estra
    This reply has been marked as private.
    November 22, 2017 at 2:50 pm #880296
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #header_main .logo img {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

    Hope this helps :)

    Best regards,
    Nikko

    November 22, 2017 at 4:15 pm #880344
    Estra

    Unfortunately that didn’t seem to make much of a difference.

    November 23, 2017 at 7:04 am #880605
    Nikko

    Hi,

    I tried to check it but I don’t see the code being applied on the image. The issue is related on the browser. You can also checkout https://css-tricks.com/almanac/properties/i/image-rendering/

    Best regards,
    Nikko

    November 23, 2017 at 10:25 am #880639
    Estra

    Sorry about that. I applied the code and when I saw that it didn’t work, I removed it. I have now added it again.
    This seems to be a relatively common problem. Your suggested solution seems to work for some but not for others. Unfortunately it doesn’t seem to work for me.

    November 23, 2017 at 2:17 pm #880706
    Nikko

    Hi,

    I’ve checked it but still can’t see it, I’m checking via google web inspector where you can see the properties of the selected element in this case the logo (image), can you try to add this also:

    #header_main .logo img {
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-font-smoothing: subpixel-antialiased;
}

    Best regards,
    Nikko

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