How to make all pictures the same size and match up the title of the products?

Technical Q&A

Topic summary

Main issue: Product titles are not aligned uniformly, appearing in different vertical positions, and product images vary in size, causing layout inconsistencies.

Details:

  • Evidence via two screenshots: one shows misaligned titles; another shows a significantly larger image (brush-on electrical tape) compared to others.
  • Problem recurs across the website in multiple product collections.

Ask:

  • Help requested to make all product pictures the same size and to align/match the product titles consistently.

Technical context:

  • Tagged with CSS, suggesting a styling/layout cause. No code or CSS rules were provided.
  • Images are central to understanding the issue (screenshots included), but no further attachments or specs.

Status:

  • No solutions, workarounds, or next steps posted yet.
  • Discussion remains open with key questions unanswered (how to enforce consistent image sizing and title alignment).
Summarized with AI on January 1. AI used: gpt-5.
1

In the first picture, you can see how the title’s of the products are all in random spots. In the second picture you can see how much bigger the brush on electrical tape image is.

Both of these are recurring problems throughout my website in multiple collections. Wondering if anyone can help?

Screenshot 2024-04-02 122734.png
Screenshot 2024-04-02 122734.png1599×834 117 KB

Screenshot 2024-04-02 122927.png
Screenshot 2024-04-02 122927.png1557×648 151 KB