How can I align my products using Automizely page builder?

Topic summary

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.

Summarized with AI on February 23. AI used: gpt-5.

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!

1 Like

You are right! Thank you so much :blush: