Issue: Excessive white space above and below the “Image with Content” element in the Cornerstone theme. An initial CSS attempt using large negative margins (e.g., -100px top) reduced space but caused overlap into adjacent sections and cut off text.
Requests/constraints: A troubleshooting request for the store URL couldn’t be fulfilled because the site was in development and the theme was in trial. A screenshot/attachment was shared instead (image central to understanding layout).
Resolution: The poster resolved it by targeting the .image-with-content element and applying smaller negative margins with !important on top and bottom (≈ -60px each), which removed extra space without clipping surrounding content.
Outcome: Resolved by the original poster; no further assistance required. No broader theme changes or code beyond the CSS adjustment were decided.
Hi there,
I’m using the theme Cornerstone and the element Image with Content has way too much white space at the top and bottom. I have tried using this custom CSS for this element to remove the margin but it moves into the above and below section and cuts off text.
Can someone please assist?
{
margin-top: -100px;
margin-bottom: -10px;
}
@meld78
Share your store URL.
It’s still in development and the wrong theme is currently set to publish as the Cornerstone theme is still in trial mode. How else can I share it @Muhammad_Ali_S
Thank you. Does this help?
[cid:e3be6435-9d2e-4517-8ea3-b3a174532ff8]
Worked it out myself:
.image-with-content {
margin-top: -60px !important;
margin-bottom: -60px !important;
}
