Solved

Reduce image height

collins276
Trailblazer
212 1 33

Hi guys,

Can you help me to reduce the height of the Featured product images 

My url: https://189ee3-2.myshopify.com/ 

Thank you,

 

Screenshot (1).png

 

 

 

Accepted Solution (1)

Raj-webdesigner
Shopify Partner
236 52 53

This is an accepted solution.

Add This Css in your Edit Code > base.css File

.grid__item.slider__slide {
    max-width: 300px !important;
}
If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com

View solution in original post

Replies 5 (5)

Raj-webdesigner
Shopify Partner
236 52 53

This is an accepted solution.

Add This Css in your Edit Code > base.css File

.grid__item.slider__slide {
    max-width: 300px !important;
}
If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
collins276
Trailblazer
212 1 33

Thank you, but can you set the size by % or vh, I don't want to set by fix figures.

And the images are not the same height.

 

Raj-webdesigner
Shopify Partner
236 52 53

Okay For Your Requirment Add This Code On My old Code 

.grid__item.slider__slide {
    max-width: 15% !important;
}

 

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
collins276
Trailblazer
212 1 33

This code also affects my Product page

Raj-webdesigner
Shopify Partner
236 52 53

ohh, Product Was Very Small To add This css That's Why side Effect Above css But I Give A new css Add This One.

section#shopify-section-template--16325952995510__featured_collection .grid__item.slider__slide {
    max-width: 18% !important;
}

 

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com