@IEAP hey, thanks for posting here.
can you please share the link to inspect it, thanks.
Topic summary
Issue: On a Shopify collection page, product images sit too high and overlap the part number in the top-left. The “OUT OF STOCK” badge is positioned inconsistently versus in-stock items, causing row misalignment. Request: move images down ~10% and align the out-of-stock label so all rows line up.
Context: A link to the affected collection was provided. A screenshot illustrating the overlap/misalignment was attached.
Suggestions/Actions:
- Non-code option: Consider hiring a Shopify Expert if a coding fix isn’t found.
- Coding proposal: Add CSS (styling rules) to the product card to adjust layout—make the information section a vertical flex container with space-between and set the subsequent element’s height to auto (!important). A visual result image was shared to demonstrate improved spacing/alignment.
Status: No confirmation from the original poster that the CSS changes solved the problem. The thread remains open with the proposed fix pending feedback.