Forum Discussion

LEADDepartment's avatar
LEADDepartment
Community Member
2 years ago
Solved

Different Font Sizes in Flashcard Grid

When I enter text on the back of a flashcard one of the cards shows a different text size yet when I check by highlighting the text they all appear to be the same.

8 Replies

  • AmyBergeron's avatar
    AmyBergeron
    Community Member

    Hello Articulate team! I am experiencing this as well, and the formatting options don't seem to fix it.

    I want large cards and a responsive font size that is consistent across cards, and I can't seem to have both! One of the cards' text is much smaller. 

    If I manually override the text size in the content rich text editing menu, it looks okay on desktop, but it's then no longer responsive and looks way too big on mobile.

    Size set to large, different font sizes (despite the fact that the larger font does fit without scroll, see third image):

     

    It looks fine on mobile because the font size is responsive:

    If I force that one card's font to be bigger, it looks fine on desktop:

     

    But on mobile the size is no longer responsive and is too big:

    Is there any fix for this? 

    • EricSantos's avatar
      EricSantos
      Staff

      Thanks for the detailed follow-up and screenshots, AmyBergeron, this really helps show exactly what's happening.

      You're right that the current controls don't solve this. Autosizing and manual sizing are really two separate tools, and neither gets you what you're describing: large cards, font size that's consistent across all cards in the set, and responsiveness on mobile, all at the same time. Right now it's a tradeoff between the two, not something you can combine.

      What's especially useful in what you shared is that the smaller-text card still fits its content without scrolling even at the larger size, so this isn't simply a case of "too much text forcing a smaller font." Out of curiosity, does this happen with just the two cards you showed, or does it seem to get worse the more cards you add to the set? That distinction would help clarify what's actually driving the inconsistency.

  • PienEekhout's avatar
    PienEekhout
    Community Member

    Hello! This happens to me too. 

    Sometimes, the font size on one flashcard seems automatically larger than on another flashcard in the same set. Why does this happen, and how can I fix it?In other cases, a scrollbar appears next to the text. In this example, both blocks have the font size set to 14 points.

    Our local support responded to this:

    Rise automatically adjusts the text size depending on the flashcard and text length. The text becomes smaller when more text needs to fit on a flashcard. When the text becomes too small, a scrollbar appears.

    It’s true that you still see the same font size on the front end, but in the background, it is being overridden.

    Question: Do you plan to add an option to override this automatic font size adjustment?

     

    • StevenBenassi's avatar
      StevenBenassi
      Staff

      Hi PienEekhout!

      Thanks for reaching out and sharing the feedback!

      I noticed you've submitted a feature request as well. We are currently tracking a feature request to give authors more control over Flashcard font options in Rise 360. I've included your voice in the feature report! We'll be sure to update you if these enhancements make it to our Feature Roadmap.

      Have a great rest of your week!

      • JanetCC's avatar
        JanetCC
        Community Member

        Please add my voice to that request. Thanks!

  • Good morning!  I am encountering this in the Rise Real Content course 7 Go-to Strategies to Tame Stress in the Meditating for Stress Management lesson. Image attached.

  • Hello OLE Department, 

    Happy to look into this for you!

    Would you mind sharing which course font, text, and text size you used in your Flashcard grid block so I can try to replicate the problem on my end? If you could also share a screenshot of the issue, that would be super helpful as well to ensure that we are testing the behavior as accurately as possible. 

    Looking forward to hearing from you!