Shrink the padding between the featured image and body text

  • Unknown's avatar

    I am wanting to shrink the blank space between the featured image on my pages and the body of the page. I am sure I will need to do this in CSS but am not sure what the coding would be or where I could make that adjustment if not in CSS.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hello @eastmarketchurch

    What you are trying to achieve is something that could be done through CSS. Add the following custom CSS code to your CSS editor in your website’ dashboard.

    @media screen and (min-width: 1020px){
    .hentry {
        padding-top: 3em;
    }}

    You can increase or decrease that space between the featured image and page body by changing the value of padding-top (3em) to a smaller or larger value.

    I hope this helps :)

  • The topic ‘Shrink the padding between the featured image and body text’ is closed to new replies.