hi @Hermit_the_Log , I’ve uploaded the revised photos can you please check them out?
Thank You
Topic summary
Main issue: aligning/spacing products in the Dawn theme’s Featured Collection to achieve a custom layout different from the default grid.
Access/setup: Helper requested store URL and password; initial access failed due to password protection, then was fixed and code could be tested.
Approach 1: Add custom CSS (or code in product.liquid/product-template.liquid) to adjust grid alignment. Initial attempt didn’t work until site access was restored; manual style insertion showed progress.
Images: Desired look relies on product images with identical resolution and transparent backgrounds (.png). User was advised to create consistent .png images (e.g., via Canva) and re-uploaded revised photos.
CSS changes: For desktop (min-width: 990px), target .grid–5-col-desktop .grid__item with max-width (e.g., 30%) and margin (e.g., 0px 25px). These values control item size and spacing; increasing margin spreads items apart.
Implementation: Add the CSS in one place only (e.g., theme.liquid within the via Online Store > Live Theme > Actions > Edit Code). CSS = styling rules that control layout/appearance.
Outcome/status: Visuals “look great” after image updates; further tuning via CSS provided. Final confirmation from the store owner is pending; discussion appears ongoing.
Resources: A YouTube tutorial link was shared for Dawn Featured Collection alignment. Images linked are central to understanding the target layout.