Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #182552

    Hi,

    I just posted my first blog post. It’s weird but for some reason on the iphone the entire blog post section shows up very fuzzy. Are you able to replicate this? Any idea why?

    Many thanks,
    Jonathan

    #182594

    Hey Jonathan!

    Please refer to this post https://kriesi.at/support/topic/retina-images-and-fonts-in-portfolio-grid-theme-enfold/#post-164007
    and let us know if issue remains

    Regards,
    Yigit

    #182624

    Thanks Yigit, unfortunately this didn’t work. Seems to be a different issue as I am only having the problem on iPhone.

    #182977

    Hey!

    Do you have iPhone 4 or newer models? This fix exactly should work https://kriesi.at/support/topic/retina-images-and-fonts-in-portfolio-grid-theme-enfold/#post-164097 Have you tried it?

    Regards,
    Yigit

    #183050

    I couldn’t find “.isotope, .isotope-item, .inner-entry, .ajax_slide{” section mentioned by the second to last commenter but I followed the directions given by Kriesi earlier in the post and that didn’t help.

    I have an iPhone 5. Also, the issue is only apparent on the blog post and nowhere else on the site.

    Thanks for looking into this.

    Best,
    Jonathan

    #183796

    Hi guys,

    I think I know why it didn’t work for me. I have a “flickering text” fix in my custom css that Kriesi helped me with a couple weeks back. So even though I removed from shortcodes.css I still have another instance in my custom.css. I don’t want to remove as it is fixing flickering text on my main page which is more important. Unless there is a way to have both issues corrected at the same time I will leave as is for now.

    I’ve tagged Kriesi here as well.

    Thanks!

    #184600

    Hi!

    Just an FYI only the support crews Kriesi tag puts anything into his queue.

    Since the files have changed somewhat, you can try removing it from shortcodes.css where its labeled:

    /*fix webkit flickering bug*/
    .webkit_fix{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    }

    Depending on what the recent round of updates to safari have done it may or may not have the intended fix but its the next best step to try.

    Regards,
    Devin

    #184897

    Thanks Devin, I tried that but it still had the issue. I’ve narrowed it down. A couple weeks ago you guys gave me a fix for flickering text in Safari so I added the below code to custom.css:

    /* flickering text fix*/
    .avia_textblock,
    .avia-icon-list,
    .avia-button,
    .avia-testimonial,
    .iconbox,
    .avia_message_box,
    .avia-team-member,
    .widget,
    .post,
    .team-img-container img,
    .team-social,
    .iconlist_icon,
    .fallback-post-type-icon,
    .fullsize .related_posts,		
    .grid-image,				
    .avia-caption-content, .avia-caption-title, 
    .entry-content-wrapper,	
    .avia_start_animation
    {
    	-webkit-perspective: 1000;
    	-webkit-backface-visibility: hidden;
    }

    This fixed the flickering text but I guess since then (noticed more recently) I had the fuzzy text issue only in blog posts and only on iPhone. You guys helped narrow this down to flickering text code. So I went and removed the “.post,” line from the fix above. This corrected the fuzzy text issue and also that wasn’t an area that was affected by flickering text, so all is good now.

    Thanks guys for your help as always!

    Best,
    Jonathan

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘iPhone Fuzzy Blog Text’ is closed to new replies.