Re: How to make Homepage Collection images larger

eastandup · ‎09-10-2023

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

Templated using is Origin

Beae_Cass · ‎09-10-2023

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>

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 | Demo Template

View solution in original post

zahid3d29 · ‎09-10-2023

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 · ‎09-10-2023

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 are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

eastandup · ‎09-10-2023

https://eastandupvintage.com/

Beae_Cass · ‎09-10-2023

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>

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 | Demo Template

eastandup · ‎09-10-2023

That worked thank you so much!

Beae_Cass · ‎09-10-2023

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 | Demo Template

eastandup · ‎02-14-2024

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!