Change the way page content overlaps the featured image

Hi there,

You can paste this into the Appearance > Customize > Additional CSS area to remove the overlap:

@media screen and (min-width: 998px) {
    .content-wrapper.full-width.with-featured-image {
        margin: 0 13.98% 0;
        padding: 1.5em 3% 0;
    }
}
@media screen and (min-width: 850px) {
    .content-wrapper.full-width.with-featured-image {
        margin: 0 6.661% 0;
        padding: 1.5em 3% 0;
    }
}

Thank you! That works perfectly. What numbers would I adjust if I wanted to play around with leaving some overlap, just not the full overlap that it defaults to? I appreciate your help!

Sure, so the first 0 next to each instance of margin: controls this. The original value for both instances was -4em.

So you might change it to -2em and see how that works. You can also use decimals, so -1.32em is a valid value as well. Feel free to tweak it to your liking.

Perfect! Thank you so much!

Glad I could help!