A user working with the Symmetry theme wants to modify their product image gallery layout to display two images side-by-side without spacing between them, and remove white padding beneath the images. They reference another website (Scuffers) as their desired layout example.
Initial confusion: Another user reported seeing the layout as normal, but the original poster clarified they had initially selected the wrong image layout setting.
Proposed solution: A CSS code snippet was provided to remove vertical spacing:
Current status: The discussion remains open. The original poster confirmed the provided code worked for their previous single-column layout but clarified their actual need: removing horizontal white padding between two side-by-side images in a two-column gallery layout. No solution has been provided yet for this specific requirement.
Summarized with AI on November 2.
AI used: claude-sonnet-4-5-20250929.
First of all, I am on symmetry theme. I would like my image gallery to be 2 pictures next to each other, like it is right now. But I want to remove the spacing in between the pictures so that they touch each other. How do I do this? I guess some simple code? Also I want to remove the white spacing beneath the pictures (see scuffers website as a reference of the image layout).
I have done similar before with a 1 picture layout with pictures below each other touching. Where I used this code.
Thank Daisy, but this already worked. I had selected the wrong image layout. If you take a look right now you can see what I mean and what I would like to be fixed
What I am referring to is two images next to each other without white padding in the middle of the images.
