FROM CACHE - en_header

Collection List Cover Image Size / Brooklyn theme

Solved
Khaled_H
New Member
3 0 2

Hi, the collection list cover images in my home page are too big on desktop view.   On mobile it looks perfect but not on desktop.   https://www.barshalona.com/

 

Is there any way to adjust the hight to medium size squares like the mobile view?  cause the hight on desktop view is rediculous.  

Please help out! Thank you in advance

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
34555 3457 11299

This is an accepted solution.

Hello, @Khaled_H  Thanks for post
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid-> Line No. 409 change the value as you like please check attachment full guidelineDesign Sky _ Edit _ Brooklyn _ 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

Thanks

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 21 (21)
KetanKumar
Shopify Partner
34555 3457 11299

This is an accepted solution.

Hello, @Khaled_H  Thanks for post
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid-> Line No. 409 change the value as you like please check attachment full guidelineDesign Sky _ Edit _ Brooklyn _ 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

Thanks

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Khaled_H
New Member
3 0 2

Awesome thank you so much 🙂

lovefromoz
Tourist
4 0 2

Hi there, That helped with the height .. any idea of how to change the width? Thank you! 

KetanKumar
Shopify Partner
34555 3457 11299

HEllo, @lovefromoz 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lovefromoz
Tourist
4 0 2

Hi Ketan,

 

The site is www.lovefromoz.com however the live theme is not Brooklyn right now. Thank you for all your help! 

 

Cheers! 

KetanKumar
Shopify Partner
34555 3457 11299

@lovefromoz 

Thanks for update

five me Brooklyn theme store url so i will check and guide

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lovefromoz
Tourist
4 0 2

Thank you so much 🙂 @KetanKumar Here is the preview link: https://virw36bmlwn5ili8-45350224022.shopifypreview.com Cheers! 

KetanKumar
Shopify Partner
34555 3457 11299

@lovefromoz 

Just flow above step change this 

KetanKumar_0-1599545404269.png

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lovefromoz
Tourist
4 0 2

That is great! Thank you so much @KetanKumar 

KetanKumar
Shopify Partner
34555 3457 11299

@lovefromoz 

If helpful then please Like and Accept 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pawan2794
Tourist
9 0 1

Hello, 

I tried the method above, but did not work. please suggest any other method, to make the collect list look smaller.

 

MY link is https://www.onyxo.co.uk/ 

Pawan2794
Tourist
9 0 1

Hello, It worked for the Height, but they are still too much enlarged. Could you please suggest more options.

thank you

KetanKumar
Shopify Partner
34555 3457 11299

@Pawan2794 

Thanks for post here

sorry but your store is password protect can you please share us 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Pawan2794
Tourist
9 0 1

You can access it with the word TRIATI

thanks, waiting for your reply.

KetanKumar
Shopify Partner
34555 3457 11299

@Pawan2794 

no rush

if possible to share a section screenshot?

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mjdubarr
Explorer
77 0 24

I have the same issue and tried the suggestions to change the value under the theme, and I still can't change the position of the cover image. I'd like to center it a little. What do you suggest?

 

https://melanie-jean.myshopify.com/collections/faux-silk-1

 

https://melanie-jean.myshopify.com/collections/plant-fiber-1

 

Screen Shot 2021-11-16 at 6.00.26 PM.pngScreen Shot 2021-11-16 at 6.36.40 PM.png

KetanKumar
Shopify Partner
34555 3457 11299

@mjdubarr 

sorry for that issue 

how can i check! your store is password protect 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mjdubarr
Explorer
77 0 24

sorry, still new to shopify.

 

store password: prayrttttttt

KetanKumar
Shopify Partner
34555 3457 11299

@mjdubarr 

thank for its 

sorry but your image doesn't proper size 

https://cdn.shopify.com/s/files/1/0611/4865/9958/collections/Plant_Fiber_lashes_1296x.jpg?v=16370937...

can you please upload landscape image

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing