Solved

How to make Homepage Collection images larger

eastandup
Tourist
11 0 1

Struggling to figure out how to get my collection images on my homepage section larger like the second photo?

Templated using is OriginScreen Shot 2023-09-10 at 3.14.48 PM.pngScreen Shot 2023-09-10 at 3.15.04 PM.png

Accepted Solution (1)

Beae_Anthony
Shopify Partner
436 167 175

This is an accepted solution.

Hi @eastandup ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template--16051906937012__d825c84d-58a8-4241-a1e6-c6cf94d0b634-padding {
    max-width: 100vw !important;
}
</style>

Beae_Anthony_0-1694378147552.png

 

Best regards,

Anthony

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog

View solution in original post

Replies 8 (8)

zahid3d29
Shopify Partner
74 5 28

Hello, from the theme panel, you need to change Image-ratio. There are 3 options. Try each and see if you can get find expected result. 

Hope it will solve your problem.

Need a Shopify developer? Chat on WhatsApp
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip , my code a perfect blend!   ❤️

Made4uo-Ribe
Shopify Partner
6361 1525 1895

Hi @eastandup 

Can i take a look? Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
eastandup
Tourist
11 0 1

Beae_Anthony
Shopify Partner
436 167 175

This is an accepted solution.

Hi @eastandup ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.collection-list-wrapper.page-width.isolate.page-width-desktop.no-heading.no-mobile-link.section-template--16051906937012__d825c84d-58a8-4241-a1e6-c6cf94d0b634-padding {
    max-width: 100vw !important;
}
</style>

Beae_Anthony_0-1694378147552.png

 

Best regards,

Anthony

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
eastandup
Tourist
11 0 1

That worked thank you so much!

Beae_Anthony
Shopify Partner
436 167 175

Thank you, glad that helps you! Have a great day 😊

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Blog
eastandup
Tourist
11 0 1

Hi there I was looking for some help again. Im using a new website Venture and the code isnt working for this website. Lookin to get the same results if possible thank you!

eastandup
Tourist
11 0 1

https://eastandupvintage.com/ 

wanting this 

Screen Shot 2024-02-14 at 4.26.04 PM.png

to look like this

Screen Shot 2023-09-10 at 3.15.04 PM.png