Changing the size of grid images in Featured Collection (Brooklyn)

Solved
Dolochoff
Excursionist
18 0 6

Hi guys, I am very frustrated about this issue (I know there have been similar topics, but none have helped).

PROBLEM: Featured Collection Grid in Home Page looks like this

shopify.png

 

What I want to do is I want to make pictures look at least twice as big, if not bigger (only in featured collection, on product page they look fine). Pictures are definitely big enough themselves (1133x1700).

How do I go about this?? 

Forever grateful,

Lukas

0 Likes
dmwwebartisan
Shopify Partner
4355 977 1243

@Dolochoff 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
paramSoft
Shopify Partner
1414 231 613

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
Dolochoff
Excursionist
18 0 6

Sorry for late response - long day at work - and big thanks for the reply!

Site: https://chocolateinbetween.myshopify.com/

Pass: fanuth

dmwwebartisan
Shopify Partner
4355 977 1243

@Dolochoff 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#shopify-section-featured-products .product--wrapper .product--image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100%;
    height:100%;
    
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Dolochoff
Excursionist
18 0 6

Hi again - I really appreciate the help, I have tried inserting the code but nothing changes:( 

It was the same with other similar solutions that I have found on web, for some reason nothing changes after inserting code:/ 

0 Likes
dmwwebartisan
Shopify Partner
4355 977 1243

@Dolochoff 

Did you put this code on your website?

Let me know so I will check your website.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4355 977 1243

This is an accepted solution.

@Dolochoff 

Please add the above given code and the following new code too. This should work.

@media screen and (min-width: 591px){
.product--wrapper {max-width: 100% !important;}
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Dolochoff
Excursionist
18 0 6

Hey man, your are the M.V.P. !!! Works just fine, huge thanks!!

Last question - is it possible to somehow adjust the exact size? I've tried playing with 591px, for example I've set it at 791px, but it doesn't change anything. Is there a possibility of adjustment or does it require something more complex?

Big thanks, mate!

dmwwebartisan
Shopify Partner
4355 977 1243

@Dolochoff 

Sorry to say but it is not possible because we have to follow the structure and norms of the theme the way it coded. If we do that then it will get problems with other devices.

Hope you understand.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App