Hi @joysa ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Topic summary
Removing white space in the Stiletto theme’s homepage sections and between product/grid images.
-
Access shared store link/password led to specific guidance. A reviewer recommended editing theme.css to adjust column spacing: reduce column-gap for .collection__products and .featured-collection-grid__products (the space between product columns) and tweak the value as needed.
-
A no-code option: in Theme Customizer, open each relevant section and set its padding to “None” to remove extra spacing per section.
-
A global CSS approach: add overrides at the bottom of main.css/base.css/style.css/theme.css to remove most spacing sitewide (e.g., .section { padding: 0; }, .featured-collection-grid__products { gap: 0; }, remove grid item paddings, mobile margin adjustments, and minor footer padding). This is broader and may affect multiple areas.
-
One suggestion referenced adding code in theme.liquid above , but the actual code snippet was missing, so its effectiveness is unclear.
-
Visual references (screenshots) are central for steps/results. No confirmation from the original poster; no marked solution. Discussion remains open.