A user working with Shopify’s Dawn theme needed to adjust the size of four collection list images on their homepage (Last chance, Pearl collection, Maillard style, Wonderful gemstone).
Solutions Provided:
Outcome:
The CSS solution successfully resolved the issue. The user confirmed it works.
i all,
I am using Dawn scheme. There are 4 images of collection list in my home page.(Last chance/Pearl collection/Maillard style/Wonderful gemstone)
I would like to adjust the image size (make it smaller) but dont know how to do it.
Thanks!
My website: https://lelundijewelry.com/
Hi @jessica_0430 , Thanks for reaching out to the Shopify Community.
I was able to find a forum post with the coding to change your images in the Dawn theme, check it out here. follow the steps to add this code into your theme.
If you’re not sure how to edit your theme, you could use your Shopify Design Time, and have our team make the coding change for you. Design Time is 60 minutes of coding changes to Shopify made themes that you can submit to our support team here. Write “Design time” in the chat > Click “I still need help” > Then follow the prompts to be connected to an advisor.
Hi @jessica_0430 , go to base.css and add the following code :
ul#Slider-template--21066066460956__447ae4f2-d62d-4fed-b43d-4cda689d79d7 {
width: 90% !important;
margin-left: auto !important;
margin-right: auto !important;
}
Result:
It works, thanks!
