Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Adjust size of the collection photo - Craft theme

Adjust size of the collection photo - Craft theme

chouxstudio
New Member
6 0 0

Screenshot 2024-01-30 at 18.22.09.pngHi,

 

I want to ask if someone knows how to adjust to fit in the size of the collection within the craft theme

 

I will attach the image below 

Replies 11 (11)

Uhrick
Shopify Partner
433 68 102

hello, chouxstudio. 

 

Could you please provide the link to the store?

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
chouxstudio
New Member
6 0 0
Uhrick
Shopify Partner
433 68 102

hey, choux, I'm sorry, how exactly are you wanting the image to look like? Because either the image will be cropped, or it will have a great amount of blank space around it. Is that what you want?

Uhrick_0-1706660888546.png

 

or are you wanting to make the two columns the same width?

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
chouxstudio
New Member
6 0 0

Hi @Uhrick, could you adjust it to remove all the blank spaces in the left photo? I tried and got a result like you, but I want just the center of the photo itself, not covered by the blank spaces around it.

Uhrick
Shopify Partner
433 68 102

but do you want it to be a tiny pic next to the huge pic in the right? is that it? with different heights between both?

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
chouxstudio
New Member
6 0 0

I want them to have the same heights; maybe focus on the whole tray and try not to be cropped. Any idea?

Uhrick
Shopify Partner
433 68 102

Uhrick_0-1706663379478.png

 have you thought of using the collection list section (in red) instead of the collage section (in green)?

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
chouxstudio
New Member
6 0 0

I did, but I don't want these two pictures to correspond; I prefer the wedding cake more significant than the other one. That's why I go with collage style. 

Uhrick
Shopify Partner
433 68 102

for the whole tray to be focused, the image would have to be reduced as in the screenshot that I sent you. To keep them with the same height and the cake being more significant, you can try cropping the tray image yourself  in an aspect ratio that is more suitable to fit in this frame and upload it to the section again. It's the best way, as it prevents you from having to do trial and error to discover what width in css will be the best for you

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution
chouxstudio
New Member
6 0 0

Could you suggest a suitable aspect ratio to fit the frame of the collection image? 

Uhrick
Shopify Partner
433 68 102

currently the sizing of the frame is 352x967. So the aspect ratio would be approximately 36:100

Shopify Developer
Hire me for theme customizations at ricardomsilvestre@outlook.com or Upwork
Was my answer helpful to you? Please like or mark as solution