Anyone know how to make an entire image viewable in a slideshow for a home page using the dawn theme? By images are not entirely showing in desktop view, the images are getting cut off.
Anyone know how to make an entire image viewable in a slideshow for a home page using the dawn theme
By default, the Dawn theme may crop or resize images to fit the slideshow container.
To make sure the entire image is visible, you can adjust the image sizing within the slideshow component.
From your Shopify admin, navigate to Online Store > Themes > Customize.
Choose the Dawn theme you’re working with.
In the theme editor, look for the section related to your homepage slideshow (usually named “Slideshow” or similar).
Look for any settings related to image aspect ratio or cropping.
If there’s an option to maintain the original aspect ratio or display the full image, enable it.
Some themes allow you to choose between different image layouts (e.g., fit, fill, stretch)
If the theme options don’t provide the desired result, you can add custom CSS to override the default behavior.
.slideshow__image {
object-fit: contain; /* or ‘cover’ or ‘fill’ depending on your preference */
width: 100%;
height: auto;
}
let me know if it works fine or not.
Thanks
You can make the entire image viewable in a slideshow by adjusting the image size settings in the Dawn theme’s customization panel. Ensure the “Adapt to first image” option is checked to fit the image properly within the slideshow frame.
it says slideshow_image does not appear to be used in that section
That option isn’t available