Solved

Can you change the collection image size in Shopify's Debut theme?

bdw1980
Tourist
7 0 1

I am trying to figure out how to change the height of the collection image in the Debut Theme. If you look at the attached image you can see the picture on the right is the picture I want to use but when I upload the image for the Tumblin' Page it cuts the top and bottom off as if it was a banner. How do I adjust the setting so that it take up the entire background of the page or at least stretch it vertically more so more of the picture is shown?

Untitled.jpg

Accepted Solution (1)
Wahab_Ahmad
Shopify Partner
773 114 200

This is an accepted solution.

@bdw1980,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file
 

 

.collection-hero__image{
      height:auto !important;
}

 

.
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Chat on WhatsApp .
Feel free to contact me Email : wahabahmadghori@gmail.com |
Buy Me A Coffee

View solution in original post

Replies 9 (9)

Wahab_Ahmad
Shopify Partner
773 114 200

Hello @bdw1980, share store link 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Chat on WhatsApp .
Feel free to contact me Email : wahabahmadghori@gmail.com |
Buy Me A Coffee
Wahab_Ahmad
Shopify Partner
773 114 200

This is an accepted solution.

@bdw1980,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file
 

 

.collection-hero__image{
      height:auto !important;
}

 

.
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Chat on WhatsApp .
Feel free to contact me Email : wahabahmadghori@gmail.com |
Buy Me A Coffee
bdw1980
Tourist
7 0 1

Brilliant!! Thanks @Wahab_Ahmad I have been googling for the past couple hours trying to figure that out. Much appreciated!

Kofiem
Explorer
72 0 36

been looking everywhere for a solution for this.. finally, thanks!

although I noticed that the image on the mobile version is corped from the top and not center or bottom (as i would prefer), do you have an additional solution for this?

 

Kofiem_0-1615566473476.png

 

 

 

breeziecee
Tourist
10 0 2

Hello!

 

I am having trouble making my collection banner image smaller. No matter what I upload it stays the same size. 

 

https://originalsprout.com/collections/classic-collection

jkwon
Tourist
4 0 3

Asset->theme.scss???

 

OR

 

Asset->theme.css

jkwon
Tourist
4 0 3

I don't see anything under "theme.scss"

aston1
Visitor
2 0 1

Hi,

I have a new site just launched that was fine yesterday, but now not showing the collection images. Any idea why? I have tried reloading images that done work.

 

Thank you 

Mark