FROM CACHE - en_header

Debut Collection Image Size

Solved
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)

Accepted Solutions
Wahab_Ahmad
Shopify Partner
748 113 188

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 Hire me.
Shopify Custom Theme Development and Design | Custom Modifications In to Shopify Theme

- Feel free to contact me
Mail : wahabahmadghori@gmail.com | Skype : live:17296c31bc2edbdf

View solution in original post

Replies 7 (7)
Wahab_Ahmad
Shopify Partner
748 113 188

Hello @bdw1980, share store link 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
Shopify Custom Theme Development and Design | Custom Modifications In to Shopify Theme

- Feel free to contact me
Mail : wahabahmadghori@gmail.com | Skype : live:17296c31bc2edbdf
bdw1980
Tourist
7 0 1
Wahab_Ahmad
Shopify Partner
748 113 188

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 Hire me.
Shopify Custom Theme Development and Design | Custom Modifications In to Shopify Theme

- Feel free to contact me
Mail : wahabahmadghori@gmail.com | Skype : live:17296c31bc2edbdf
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!

aston1
New Member
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

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