White space atround featured image

  • A featured image has a white space around it even when I set the page and site to full width stretched, when used with a transparent header you can see that there is a gap also above the image. I have experimented with this CSS which fixes the issue for the featured image but obviously messes up pages without one
    .site-content {
    margin-top: -68px; margin-left: -20px; margin-right: -20px;
    }
    So that css demonstrates the extent of the gap around a featured image.
    Any other content has no problem.

Viewing 1 replies (of 1 total)
  • Thread Starter generalnumpty

    (@generalnumpty)

    After a lot of trial and error I have found that this CSS cures the white gap problem
    `.ast-page-builder-template .entry-header {
    margin-top: 0em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    }
    It was previously set with margins and padding as default which prevented the featured image filling the screen.

    Question – is there any issue with using this css or is there a better way to acheive the aim of getting a featured image to fill screen width

Viewing 1 replies (of 1 total)
  • The topic ‘White space atround featured image’ is closed to new replies.