Forum Discussion
Additional padding in Rise360 when using the carousel image,
Hi,
Thanks for the response.
The issue appears when I have multiple images of different sizes in one carousel as well as multiple lines of caption text for the different images. The padding will appear on the smaller images or those images where there is less text than other same sized or smaller images.
I have tried different browsers as well as using different devices, but it still happens. Checked all browsers and they are up to date. This changed when the dots for the number of images moved from above the caption to below the caption. I have a version (before the change) in my clients LMS which works well but when I need to make changes or update the course I have this additional padding issue.
Here's a review link to an example I made with 3 images, https://360.articulate.com/review/content/35155315-150e-452f-861a-07ce7549d231/review it looks normal on the 1st an 2nd image at first. 3rd image has padding because it is smaller than the 2nd image and then if you go to the 1st image again you will also notice that there's padding as well.
Should I still open a case?
Much appreciated.
- StevenBenassi4 months agoStaff
Hi Grover!
Thanks for following up and sharing the feedback!
I can confirm what you are experiencing is expected behavior and by design when working with Carousel Blocks. The Carousel Block adapts to match the height of the tallest image. If the entire Carousel is not the same height across all images, the navigation buttons on either side would lose formatting when changing slides.
To achieve the same offset for each image, we suggest keeping all images at the same aspect ratio.
Please let me know if you have any more questions!
- DarlaHisey-af4510 days agoCommunity Member
How do you keep all of the images in the same aspect ratio? Thank you.
- StevenBenassi7 days agoStaff
Hi DarlaHisey-af45!
Happy to help!
My colleague Tom shared recommendations for the optimal aspect ratio (16:9) when importing images to Rise 360. You can determine an image's aspect ratio by first checking the dimensions via the file properties. Then, use websites like Aspect Ratio Calculator for confirmation. Also, this article goes into further detail on best practices when working with images in Rise 360.
Please let me know if you need anything else!