How to set products to the left site

Topic summary

A user is seeking help with two product display issues on their Shopify store:

Main Issues:

  • Products in the last row are centered instead of left-aligned
  • When fewer than 4 products appear in a row, side borders are missing on edge products

Proposed Solution:
A community member provided CSS code to be added to the theme.liquid file (above the </body> tag) that addresses the left-alignment issue.

Current Status:
The alignment problem appears resolved based on the provided screenshot, but the border issue persists. The original poster notes that the rightmost product still lacks a complete border, and the discussion remains open as they seek a solution for this remaining styling problem.

Note: The conversation references screenshots showing the border issue and the partial fix.

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

Hi,
I need a little help with product positioning and borders.

I would like to move the products to the left side in that row so they are not in the middle. (Last products on the site)

In addition if there are less than a certain number of products (4) in a row, the borders are missing with the side products.

My store is offline, here is preview link:

https://2lt8hbv7lwle6u3d-92656828751.shopifypreview.com

1 Like

Hey @Noissyclth

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

@Moeed

Hi thanks for your answer!

Do you know the solution to add/keep right border of the item? I can see on your screen that last item doesn’t have border all around it :disappointed_face: