A user reports product images misaligning on collection pages, with items appearing irregularly positioned—some pushed to the right, others isolated at the bottom. The issue affects most existing pages but not newly created ones.
Solution Provided:
A CSS fix was shared to add to Theme Settings → Custom CSS:
[class*=product_listing] .row {
display: flex;
flex-wrap: wrap;
}
This code applies flexbox layout to create uniform product grids. Screenshots demonstrate the before/after improvement.
Theme Recommendations:
The alignment issue appears resolved with the CSS solution, though the user is now exploring theme upgrade options.
I am having an issue with alot of the pages, the images are not lining up. Some images end up on the right side while other lines will have 1 -2 items on the line pushed to the right maybe one by it self all the way at the bottom of the page. Not sure where to go from there to fix the issue, added a new page which does not seem to have same issues as existing pages.
Viperproducts.com is the website, pretty easy to notice.
Yours looks like a very old theme.
You can try adding the following code to the Theme Settings-> Custom CSS:
[class*=product_listing] .row {
display: flex;
flex-wrap: wrap;
}
This should make your product grids more uniform:
Thank you so much! is there a better theme that you would recommend for product sale sites? We have been looking for a better theme for the site, just haven’t found one to switch to.
Hard to tell which one may look good to you.
Any theme from shopify theme store can be added to your store and tested without publishing. So you can try configuring it before actually purchasing.
Most themes from the theme store will give you more flexibility and much better page speed ratings.
