How to move collection name text higher on the Y axis?

Store Design

Topic summary

A user sought help reducing the vertical gap between product images and collection name text on their homepage without cropping photos. They included a screenshot showing the spacing issue.

A community member requested the store URL to provide custom CSS code. The original poster shared their website link (atmos.art).

Resolution: The user resolved the issue independently by cropping the images, which successfully moved the text higher on the page as desired.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I am wondering how I can move the collection names on my home page higher up on the page so that there is less of a gap between the product images and the text without cropping the photos.

Thanks in advance for your help.

Screenshot 2025-05-22 at 19.45.24.png
Screenshot 2025-05-22 at 19.45.24.png3190×900 294 KB

1 Like
2

Please share the link to your store so I can check and give you the code to do that.

3

Hi my website is https://www.atmos.art/

4

Hi, I have cropped each of the images which has now moved the text higher on the page. Thanks

1 Like