Debut Theme: Change size of featured collection pictures

Solved
Highlighted
Excursionist
34 0 2

Hi Guys, Wookock here.

 

Short question:

Is it possible to change the size of the featured collection pictures by coding?

And is it possbile to use the complete width (I tried it with width: 100%, but didnt work...) ?

 

And yes, I know, if I change the used products in a line from 4 to 3, the pictues are getting bigger.. But still not the size I want and not using the 100% width.. :(

 

 

1.PNG

 

 

 

 

 

 

 

Thanks for your help guys, I appreciate it!

 

site: www.woodockwatches.com

pw: ceimpa

0 Likes
Highlighted
Shopify Partner
7669 1056 2668

@Woodock 

Thanks for post.
do you have like this attachment?
Woodock Watches.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 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
34 0 2

Hi @KetanKumar ,

 

what exactly do you mean?

0 Likes
Highlighted
Shopify Partner
7669 1056 2668

I mean 
Do you see my attachment image? as per comment do you have look like this right?

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
34 0 2

Hi @KetanKumar ,

 

oh sorry, now I got it.

Yes please, this would be awesome.

0 Likes
Highlighted
Shopify Partner
7669 1056 2668

This is an accepted solution.

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

div#shopify-section-1585345360052 .page-width {
    max-width: 100%;
}
div#shopify-section-1585345360052 .grid-view-item__image-wrapper {
    max-width: 100%;
}
div#shopify-section-1585345360052 .grid-view-item__image-wrapper .grid-view-item__image {
    max-width: 100%;
    max-height: 100%;
}

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
1 Like
Highlighted
Excursionist
34 0 2

Hi @KetanKumar ,

 

thanks for this solution. Picutre are bigger now.

Problem is, that now my text and the prices are not centered any more.

 

1.PNG

0 Likes
Highlighted
Shopify Partner
7669 1056 2668

This is an accepted solution.

div#shopify-section-1585345360052 .product-card {
    text-align: center;
}
div#shopify-section-1585345360052 .price {
 align-items: center; 
}

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

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
1 Like
Highlighted
Excursionist
34 0 2

thanks a lot! :)

0 Likes
Highlighted
Excursionist
34 0 2

Hi @KetanKumar ,

 

i watched it yestard as mobile version. Here's the problem, the Sale Prices are not centered..

Do you maybe know why? (in desktop view, everything is okay)

 

91494895_503411880336339_4515149189566431232_n.jpg

0 Likes