Forum Discussion
Flip cards - Fade affect: Can't read text
Now that my team is starting to do more serious development with Articulate Rise, we're starting to run into more little frustrations like this. With flashcards in particular, my experience is that the text is often blurry -- in addition to the faded bottom text that everyone is describing here.
That said, I have identified what I believe is the issue if anyone wants to update their CSS file (from the published Rise output files) to push the fix. The responsible code can be seen below:
.block-flashcard__center--long.block-flashcard__center--overflow:after {
opacity: 1;
}
You will want to change the opacity to equal zero, instead of 1. Your fade issues should be cured.
Please note that I haven't tested this much yet, however. They may have some alternate code for IE, for instance, that won't be covered by this one change.
If anyone else is having issues with the fuzzy text, I should be able to provide a simple CSS fix for that as well. I'm really hoping the Articulate Team can just make these improvements out of the box, though, so we're not all making manual stylesheet updates whenever we publish a new version of a course.
- SMarbukh5 years agoCommunity Member
Thanks, Ephraim! I'd be interested in the CSS code to fix fuzzy text if you have it. I've never had issues with it in Rise before, but I've got a client seeing fuzzy text on the back of flip cards in a recently published course. I had them open in multiple browsers just to see if it was the browser causing the problem, but the fuzziness appears in all the major ones (Chrome, Firefox, IE).
Related Content
- 11 months ago
- 4 months ago