Brooklyn Homepage Collection Size

Solved
Highlighted
Excursionist
27 0 11

Hello everybody!

I'm currently using the Brooklyn theme and need help with resizing the homepage's collection image. While retaining the same aspect ratio, I'd like the length to be 80% of the total width. Attached is an image of the issue. Any help is appreciated. 

URL: www.geostraws.com
Password: help

Thanks

Screenshot (203)_LI.jpg

0 Likes
Highlighted
Hello @kvntle 
Thanks for URL.
 

Add this code

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

 

 

.wrapper {
  width: 80%;
  max-width: initial;
  padding:0;
}

 

 

keep me posted if that corrects your problem 
Belgacem
Belgacem Ben ltaif
Web consultant /Shopify Expert/ CTO Powerful Consulting
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
https://about.me/benltaif
0 Likes
Highlighted
Excursionist
27 0 11

Hi @Belgacem 

The code works, but other sections are affected. Would there be a way to isolate just the collection image?

Thanks

0 Likes
Highlighted

Hello @kvntle 

Sorry , replace the code with this : 

#featured-collections .wrapper {
  width: 80%;
  max-width: initial;
  padding:0;
}

 

thx 

Belgacem Ben ltaif
Web consultant /Shopify Expert/ CTO Powerful Consulting
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
https://about.me/benltaif
0 Likes
Highlighted
Shopify Partner
1538 329 444

This is an accepted solution.

Hey @kvntle 

add code assets/theme.scss.liquid bottom of the file

@media screen and (min-width: 591px){
#shopify-section-featured-collections .wrapper {
padding: 0 0px;
max-width: initial;
width: 80%;
}
}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
27 0 11

Hi @Belgacem 

Unfortunately, the code didn't work. I appreciate the help though!

Best regards

1 Like
Highlighted
Excursionist
27 0 11

Hi @dmwwebartisan 

Thanks for the code, it fixed the issue.

Best regards

0 Likes