Rise - Image Size Challenge for Flashcard Grid

Mar 03, 2021

Hello eLearning Heroes -

I am having a bit of a sizing challenge with my stars :) I would like the star size to be the same on the card - however, as you can see - 1 star outshines them all in size. I have tried working with JPG and PNGs - and even converted and uploaded as SVGs however the Flashcard grid code - seems to be adjusting the image size to fit.

Does anyone have a mathematical calculation for my pixel width to synchronize the star size?

TIA!!! Star Challenge

Image_Sizing_Challenge_in_Rise__-_Flashcard_Block.PNG
Artboard_1.svg
Artboard_1.svg

3 Replies

Lea Agato
Staff

3 years ago03/05/21 at 5:20 pm (UTC)

Hi Simmy, you can try using PNG or JPG files with the same dimension for each of your images (800x800 pixels for example). You'll also want to keep the size of the stars consistent in all of the files. Here's a sample Flaschard I created following the steps I mentioned above. Is this what you're trying to create? Please let me know if you have other questions! Thanks!

Simmy Wolfe
Author

3 years ago03/05/21 at 5:39 pm (UTC)

Still seem unable to get it right :( Is there a way to edit pixels within the Flashcard.

Alyssa Gomez
Staff

3 years ago03/08/21 at 6:33 pm (UTC)

Hi Simmy,

While there isn't a way to edit pixels within the Flashcard, I have a few tips that I think will help you:

Be sure all of your images have the same dimensions before importing them into the flashcard block.
Use Centered Image instead of Full Card Image to prevent the image from scaling up in the flashcard.
Try the image cropping tool to crop the image, if needed.