Issue: Product cards appeared misaligned when using the Automizely page builder. Attempts to fix with theme.css didn’t work, likely because the layout is controlled by the page builder app.
Diagnosis: The misalignment was caused by product images having different dimensions, which led to uneven heights in the grid. A screenshot highlighted that one product (blue couch) had a different image size.
Solution: Standardize all product images to the same dimensions/aspect ratio to ensure uniform alignment; no additional CSS changes are required.
Outcome: The original poster confirmed this resolved the issue.
Status: Resolved. Images/screenshots were central to diagnosing the problem.
Hello,
Does anyone know how can I align my products ? See picture below. I am using automizely page builder app to create these pages and add collections. I already tried the code on theme.css and it’s not working, I am not sure if it’s because I am using another app for the page design.
Please help !
What’s happening here is that your images are different sizes so they align differently on the page:
Edit that photo of the blue couch to be the same dimensions as the other couches and your alignment will be fixed!
You are right! Thank you so much 
