Debut theme - resizing index images

Solved
Tourist
6 0 2

Hi there,

I'm trying to set up a shop for clothing and there is just one thing I cannot seem to find - how to resize images for the frontpage?

For reference:

I want my frontpage to look like this - 

Krekli_2-1607016407319.png

 

 

While it's looking like this - 

Krekli_1-1607016337157.png

 

Can someone give me an advice how to move forward with this? Thanks in advance!

 

 

Shopify Partner
11732 1445 4233

@Krekli 

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 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
Tourist
6 0 2

Thank you for your reply - you can visit my website by clicking here - https://aizputes-krekli.myshopify.com (password - krekli)

 

0 Likes
Shopify Partner
1102 177 451

PLease place this code at the end of theme.scss

#shopify-section-16068528371065eb9c .grid--uniform .grid__item, #shopify-section-16068524856aae3a5a  .grid--uniform .grid__item {
  padding-left: 0px !important; 
}

#shopify-section-16068528371065eb9c, #shopify-section-16068524856aae3a5a {
  padding-left: 0px !important; 
}
@media only screen and (min-width: 750px) {
#shopify-section-16068524856aae3a5a .collection-grid-item {
    margin-bottom: 0 !important;
}
}
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
Tourist
6 0 2

That does look a bit better, thanks for your input paramSoft! Any chance I can spread out the image grid? I don't like the white space I've got around it sample.jpg

See example here:

Krekli_4-1607074026126.png

 

Much love for the support!

 

 

 

0 Likes
Shopify Partner
1102 177 451

This is an accepted solution.

#shopify-section-16068528371065eb9c {
padding-top: 0px !important;
}
#shopify-section-16068528371065eb9c .page-width, #shopify-section-16068524856aae3a5a .page-width {
max-width: unset;
padding-left: 0px;
padding-right: 0px;
}
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
Tourist
6 0 2

Yes sir, sure worked for me. Thank your very much for your help!

0 Likes