Solved

How to make Homepage Collection images larger

eastandup
Tourist
9 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
73 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
5581 1344 1658

Hi @eastandup 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


eastandup
Tourist
9 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
9 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
9 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
9 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