THANK YOU SO MUCH. THIS WORKED and was so easy to implement.
Thank you
Topic summary
Goal: Make product page images larger in the Spark theme and reduce white space around images and text, with an option for a thin border. Screenshots were provided to illustrate the desired layout.
Actions proposed: Add custom CSS via Online Store > Themes > Edit code. Suggestions included increasing the product media container width and reducing left/right padding on the product grid, plus alternative CSS to set media wrappers to full width, trim padding, optionally add a thin border, and narrow text areas. One approach also suggested reordering HTML so media appears before text.
Progress: The initial CSS changes successfully enlarged images and reduced internal spacing. The requester confirmed the update worked.
Follow-up: They asked how to reduce page edge padding/margins (space at the outer sides). An updated code snippet (not visible in the transcript) was provided, and the requester confirmed it worked and was easy to implement.
Outcome: Resolved. Product images are now the focal point with minimized white space and reduced edge padding. Note: Screenshots were central; some code blocks are not visible in this thread.
1 Like