Space between images, full width and 4:5 image format in Collection (Turbo Theme)

Shopify Discussion
1

Hey there, I want to move our collection page from this

daniel_at_2-1709807405040.png
daniel_at_2-1709807405040.png2468×904 464 KB

tho this

daniel_at_3-1709808482280.png
daniel_at_3-1709808482280.png2290×798 374 KB

this means:

  • less space between the images on the collection page and

  • align text below with left side of the image

  • use the full width of the side, right now it has plenty of margin left and right

  • 4:5 images format instead of square

Thanks for your help!

2

Hi @daniel_at . Can you share the store URL and which theme you’re using?

3

Hey @daniel_at , Welcome to the Shopify Community!

To make those changes:

  1. Adjust CSS for less space between images.
  2. Align text left of the image.
  3. Modify width settings for full side width.
  4. Crop/resize images to a 4:5 ratio.

Backup theme before edits. If unsure, let me know will surely help you with the same.

4

sure, it’s www.atisan.de

5

Hi @daniel_at . Thanks for the URL. Can you please tell us which theme you’re using?

Otherwise custom code will be needed.

6

This is Turbo Theme