Reduce height featured collection front page - venture theme

Solved
Highlighted
Tourist
11 0 2

On the front page of my store:https://sunstore.co.za I would like to reduce the height of the collection section, I have managed to increase the number from 5 to 10, but now I would like to make this "more compact" by reducing the height. Anybody that could kindly assist? Tx

0 Likes
Highlighted
Shopify Partner
9527 1200 3351

Hello, @SunStore 

Thanks for post

do you mean product card height?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

Hi @KetanKumar - thank you for your reply - I mean Featured - collection-cards height - the collection list right under the banner on my page - are they defined as the product card height? Sorry relative new to this, trying to figure things out... In theme.scss.liquid I can see " height: $collection-card-height;" but not sure where to change this....

0 Likes
Highlighted
Shopify Partner
9527 1200 3351

This is an accepted solution.

Can you please try this.
Design Sky _ Edit _ Venture _ Shopify.png

 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 0 2

thanks, still tweaking, but getting there!


@KetanKumar wrote:

Can you please try this.
Design Sky _ Edit _ Venture _ Shopify.png

 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like.


 

Highlighted
Shopify Partner
9527 1200 3351

can you please like my solution.
Thanks again for accepting my solution

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
50 0 3

Hi ketan,

In featured collection section i need to decrease the height of images .can you please tell me how to do that.The following are actual images in featured collection called Whats trending

featuredcollection1.png

I need images to be like size of following screenshot.

featuredcollection2.png

can you please tell how to do change first screenshot images height to second screenshot images

Highlighted
Shopify Partner
9527 1200 3351

Hello, @Akhilkotha96 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
50 0 3

Hi ketan,

Thanks for your reply.Our site URL is https://www.gullylivefast.com/  and theme is impulse 

0 Likes
Highlighted
Shopify Partner
9527 1200 3351

@Akhilkotha96 

Thanks for store URL.

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

.collection-image--portrait {
    padding-top: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing