The titles on the flipcards are blurry. Anyone else noticing this? Is there a way to adjust? At first I thought it was text turned to an image, but it's actually text. I'm not sure what CSS is being applied for it to look so fuzzy.
See attached. Notice the crisp text on the back of the card.
I've noticed this as well. There's an obvious change in quality between the front and the back of the cards. Also, when I flip from the back (clear) to the front (blurry), the front stays clear until the transition ends, and then you can see it blur... almost looks like the text gets rasterized.
Thanks, Alex. We're seeing the same problem on our side. I'll get this reported to my team, and I'll share your findings from the CSS. I'll share an update as soon as I know more!
My team is also experiencing the same issue - the front of our flip cards are noticeably blurry. Do you happen to have an update as to when/if this issue will be resolved?
Thanks for providing a possible workaround, Karl. Making the text bold seems to improve the quality a bit, but it's still not great on my end. Hoping for a solution from the Articulate team soon.
Alex your workaround works for inserted images too, which is a lifesaver! I have created icons or other images to be used for the front page of flip cards in the past but don't usually end up using them as they are always fuzzy.
I don't understand how this hasn't been fixed yet, or why it was ever set up like this?!
Would you mind sharing the image file with our team? That way, we can upload it to Rise 360 from our side to get a good look at the blurriness you're seeing.
If that works for you, you can send the image file privately by opening a case here.
Thanks for letting us know you're running into this, Matt. Until we get this resolved, I would recommend using bold formatting to make the text appear less blurry.
The blurriness in Rise is my biggest gripe with the tool.
I originally created images that were exactly the same size as the flipcard container, but they were very blurry. So I tried using larger images of 865 x 865, as used in some Articulate starter templates, which resulted in a slight improvement for Chrome and a larger improvement using Firefox.
I'm going to try Alex's CSS fix and will apply that after publishing, but it would be great to see this fixed.
Is there any way to make that change permanent? I can turn it off as you've done and my images are considerably clearer but obviously this is only for my page instance. I'd love to know if you have a way to make it stick! :)
Hi All! Thanks for reaching out letting us know this is still affecting your courses. We'll let you know here if we make any changes that help or if this issue is resolved!
Still an issue for me. I've tried changing font size and theme fonts but flip card text is still blurred. I'm surprised after a year of it being reported it hasn't been fixed. Even when loading pages with no flip cards the normal/heading text temporarily blurred, I'm sure it wasn't always like this.
38 Replies
Ok, it's in the CSS. If I 'uncheck' this in inspector, the text becomes considerably clearer. Any reason that's in there?
.block-flashcard:not(.block-flashcard--in-edge) .block-flashcard__center * {
transform: translateZ(0);
I've noticed this as well. There's an obvious change in quality between the front and the back of the cards. Also, when I flip from the back (clear) to the front (blurry), the front stays clear until the transition ends, and then you can see it blur... almost looks like the text gets rasterized.
Thanks, Alex. We're seeing the same problem on our side. I'll get this reported to my team, and I'll share your findings from the CSS. I'll share an update as soon as I know more!
Hi Alyssa,
My team is also experiencing the same issue - the front of our flip cards are noticeably blurry. Do you happen to have an update as to when/if this issue will be resolved?
Thanks!
My workaround is to make the text bold.
Hi there, Wes. I don't have an update at this time. We'll post any changes here!
Thank you, Crystal!
Thanks for providing a possible workaround, Karl. Making the text bold seems to improve the quality a bit, but it's still not great on my end. Hoping for a solution from the Articulate team soon.
Still seeing this issue :/ with the "animated blocks" setting on or off.
Guess I won't be using flip cards for my course.
Amy if you can live with bold text, the blurry text is not as bad.
Looking for an answer to this question
Hi there, Infinitude Creative. So far we haven't made any changes to the flip card block. We'll let you know if we make adjustments in the future!
Alex your workaround works for inserted images too, which is a lifesaver! I have created icons or other images to be used for the front page of flip cards in the past but don't usually end up using them as they are always fuzzy.
I don't understand how this hasn't been fixed yet, or why it was ever set up like this?!
Thank you again.
Hello, Discover Learning Designs!
Rise 360 compresses images when you upload them, and that could result in some bluriness.
Try adding _NOPROCESS_ to the name of your image file to prevent image compression. The image will upload and display exactly as you saved it.
Let me know if that results in a clearer flashcard image!
Hi Alyssa, I tried adding _NOPROCESS_ to the name of the image file but unfortunately it didn't work.
Hello, Ladan!
Would you mind sharing the image file with our team? That way, we can upload it to Rise 360 from our side to get a good look at the blurriness you're seeing.
If that works for you, you can send the image file privately by opening a case here.
Following this thread to get updates. I've noticed the same problem regardless if text or images are used.
When is this going to be fixed? The blurriness is bad and needs to be addressed.
Thanks for letting us know you're running into this, Matt. Until we get this resolved, I would recommend using bold formatting to make the text appear less blurry.
The blurriness in Rise is my biggest gripe with the tool.
I originally created images that were exactly the same size as the flipcard container, but they were very blurry. So I tried using larger images of 865 x 865, as used in some Articulate starter templates, which resulted in a slight improvement for Chrome and a larger improvement using Firefox.
I'm going to try Alex's CSS fix and will apply that after publishing, but it would be great to see this fixed.
Hi Alex
Is there any way to make that change permanent? I can turn it off as you've done and my images are considerably clearer but obviously this is only for my page instance. I'd love to know if you have a way to make it stick! :)
Following. I'd like to know when there is a solution to this as well.
Adding my comment to follow the thread. I'm also waiting for a proper solution coming from the official Articulate team.
Hi All! Thanks for reaching out letting us know this is still affecting your courses. We'll let you know here if we make any changes that help or if this issue is resolved!
Still an issue for me. I've tried changing font size and theme fonts but flip card text is still blurred. I'm surprised after a year of it being reported it hasn't been fixed. Even when loading pages with no flip cards the normal/heading text temporarily blurred, I'm sure it wasn't always like this.