FROM CACHE - en_header

Express Theme - Collection Image

buddy5
New Member
8 0 0

Good Day,

I currently using the Express Theme since its the only single paged theme as far as I know.

I would like to increase the space for the image you see on the collection menu. By default it has allotted more space for the description as shown in the screenshot attached below.

I hope this is possible and would greatly appreciate any help.

 

Thank youimage help.png

Replies 10 (10)
diego_ezfy
Shopify Partner
2799 528 729
buddy5
New Member
8 0 0

https://jollypig-meatshop.myshopify.com

password: jonline2020

 

Thank you

diego_ezfy
Shopify Partner
2799 528 729

Thank you very much.

I just checked it out, it would require custom Liquid/CSS to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

It will be needed to change the structure of the collection items and the resolution of the images as well since they'll be bigger after the code changes.

In case you're unfamiliar with these technologies you'll need to hire a Shopify developer to assist you.

Kind regards,
Diego

buddy5
New Member
8 0 0

Good day,

Thank you, its good to know that its possible.

Are you someone who is familiar with Liquid/CSS? If so can I hire you?

As for the images, the ones uploaded on the page are only temporary and would be edited to the right size when everything is ready.

 

Thanks again

 

diego_ezfy
Shopify Partner
2799 528 729

Hey, 

Yes, absolutely, I work full time as a Shopify developer and would be pleased to help you.

Can you send an email to diego.boarutto.fortes@gmail.com please?

 

I will show you how to add a developer to your store through Shopify's official instructions and will fix this issue right now for you.

 

Thank you

buddy5
New Member
8 0 0

Already did,

 

Thank you!

diego_ezfy
Shopify Partner
2799 528 729
dmwwebartisan
Shopify Partner
11014 2379 3403

Hey @buddy5,

Please add the following code at the bottom of your assets/theme.min.css file.

.product-card__image-wrapper {
margin-left: 10rem !important;
}

 

Hope this will work for you.

 

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
LucidArray
New Member
2 0 0

Hello I am having the same issue and with the pictures were bigger than what is allowed. 

justcandlelah
New Member
1 0 0

Hi would you please help me on resizing the collection image that’s not fit to size?