Solved

Reducing size of collection images on desktop home page in Dawn

Danmuges
Excursionist
37 0 6

i would like to make the collection images on the desktop version of my store smaller. Is there some code i can use to do this?

 

Im using the dawn theme.

 

Danmuges_0-1711112712111.png

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1824 514 389

This is an accepted solution.

Hey @Danmuges,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

Change 0.7 to your preference

<style>
@media only screen and (min-width: 990px) {
    ul#Slider-template--20272142123319__ba2a8a99-f95d-4361-9e8b-eda5faae74bf img {
        transform: scale(0.7) !important;
    }    
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1711113334895.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 3 (3)

suyash1
Shopify Partner
9140 1138 1485

@Danmuges - can you please share this page link?

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

ThePrimeWeb
Shopify Partner
1824 514 389

This is an accepted solution.

Hey @Danmuges,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

Change 0.7 to your preference

<style>
@media only screen and (min-width: 990px) {
    ul#Slider-template--20272142123319__ba2a8a99-f95d-4361-9e8b-eda5faae74bf img {
        transform: scale(0.7) !important;
    }    
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1711113334895.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Danmuges
Excursionist
37 0 6

Thankyou. Worked perfectly