Impulse Theme | Change size of collection image

Zenniam_Amy
New Member
6 0 0

Hello, 

 

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

My website is: www.zenniam.com

 

Any help would be much appreciated.

 

Many thanks, 

Amy

Replies 4 (4)

Dan-From-Ryviu
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

<style>
.collection-hero { height: auto !important; }
</style>

 

- 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

Zenniam_Amy
New Member
6 0 0
Thankyou,

Is there a way to make them all the same full page height? Can I put in a px amount?
ZestardTech
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; 
}

ZestardTech_0-1706521664244.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

PageFly-Richard
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>

<style>
.collection-hero { 
     height: 750px !important; 
}
</style>

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.