-
AuthorPosts
-
October 5, 2013 at 11:33 pm #170901
Hey guys,
Ever since the latest update, bold text flickers on scrolling in Safari only. Is there a fix for this?
Thanks,
JonathanOctober 6, 2013 at 12:42 am #170917Hello Jonathan!
I just tested your website in Safari (Mac) and i don’t see any flickering in my view, can you create a little screencast of your view, http://www.screenr.com/?
Best regards,
JosueOctober 6, 2013 at 1:05 am #170922Please see at http://screenr.com/NqFH
You can see throughout at times, but very clearly at the 0:50 mark in the bold text of “A Brilliant Way to Buy a Diamond”.
Many thanks,
JonathanOctober 6, 2013 at 4:41 am #171001Hello!
Do you have a very large screen or resolution? Something like 1920 to 2000++ ? Please try to apply this on your custom.css or Quick CSS:
avia_textblock h2 strong { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); }
You should apply the css properties above on all flickering elements that you noticed. Find the correct selectors.
Cheers!
IsmaelOctober 6, 2013 at 9:21 pm #171312I notice flickering on all text elements, all sizes and styles, even if not bold. It’s just more noticeable when bold. Is there an easy way to apply the above to all text?
October 6, 2013 at 11:02 pm #171356Also, nope no large screen. 13 inch macAir.
October 8, 2013 at 5:08 pm #172323Hey!
What version of Safari and OSX are you working on? I just tried getting the same thing on my 13inch macbook and am getting no blur/shifting color like in your video.
Also, if you have not done so recently go to the theme options>Styling and change an option and save. There was an issue where after updating the generated stylesheet had to get regenerated to fix some css issues so it might help.
Cheers!
DevinOctober 8, 2013 at 11:08 pm #172752Hi Devin,
OSX v10.8.5 and Safari v6.0.5.
Already updated the stylesheet and it fixed other issues but not this one.
Best,
JonathanOctober 8, 2013 at 11:59 pm #172770I’m not sure any of us have Air’s to test on, I think Kriesi is also using a macbook pro but the specs should be the same. I’m not sure how you are getting something that I’m not with what should be the exact same OS and Browser.
I’ll tag Kriesi on the topic and see if he can figure out what is happening.
October 9, 2013 at 4:24 pm #173097Hey!
Mind trying to add this to your css:.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 is a fix we removed from an earlier version of the theme because it seemed obsolete with the latest versions of chrome and safari but it might be that we still need it.
A short follow up if it helped or not would be great ;)
Cheers!
Kriesi- This reply was modified 11 years, 1 month ago by Kriesi.
October 10, 2013 at 9:53 pm #173828Worked perfectly! Thanks so much. You guys are amazing.
Best,
Jonathan -
AuthorPosts
- The topic ‘Flickering Text’ is closed to new replies.