Impulse Theme | Change size of collection image

New Member
6 0 0



I would like to make the image on my collection pages full screen height. 

My website is:


Any help would be much appreciated.


Many thanks, 


Replies 4 (4)

Shopify Partner
6915 1305 1333

Hi @Zenniam_Amy 

Please go to Online store >Themes > Edit code > open theme.liquid file, add this code after <head> element

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


- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

New Member
6 0 0

Is there a way to make them all the same full page height? Can I put in a px amount?
Shopify Expert
5364 961 1286

Hello @Zenniam_Amy 


1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.collection-hero { 
height: 900px!important; 



Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Shopify Apps URL :-
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Shopify Partner
4050 903 1556

Hi @Zenniam_Amy 

This is Richard from PageFly - Shopify Page Builder App


Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

.collection-hero { 
     height: 750px !important; 

Hope this can help you solve the issue


Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.