Debut theme - resizing index images

Solved
Krekli
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!

 

 

KetanKumar
Shopify Partner
20683 2144 7830

@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 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
0 Likes
Krekli
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
HardikDavra
Shopify Partner
2334 368 1003

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;
}
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
Krekli
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
HardikDavra
Shopify Partner
2334 368 1003

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;
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
Krekli
Tourist
6 0 2

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

0 Likes
kmcleod100
New Member
12 0 0

Hello, do you have a recommendation for my Debut theme? The size remains small no matter how much it is sized. My website is locketsbykate.myshopify.com

0 Likes
HardikDavra
Shopify Partner
2334 368 1003

@kmcleod100 Please place this code at the end of theme.css

.shopify-section .page-width {
max-width: unset;
padding-left: 0px;
padding-right: 0px;
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
kmcleod100
New Member
12 0 0

Yes I tried that and it did not work. I'll see what else I can do.

0 Likes