Archived topic

How to remove extra space on feature image?

1 reply · Started by Former User on August 31, 2021

Viewing posts 1–2 of 2

August 31, 2021 at 6:59 am #1913869

Hello,

How I can remove extra space on top of feature image created from top margin? Would like to remove like 75% of that space on my site bellow.

Also would like to remove like 50% of the extra padding space on the right and left side of feature image.

Thanks,

Sara

August 31, 2021 at 8:26 am #1914224

Hi there,

For reference: the space between the Entry Header ( title/meta ), Featured Image, and Post Content can be set by the Content Separator Spacing in Customizer > Layout > Primary Navigation.

But to just adjust the top margin on the image requires some CSS, which i have also including increasing the width of the image:

.post-image-below-header.post-image-aligned-center .post .inside-article .featured-image {
    margin-top: 0.5em;
    margin-left: -20px;
    width: calc( 100% + 40px);
}

This archived topic is closed to new replies.

Start building better websites today.