Okay
  Public Ticket #2582659
Too much white space
Closed

Comments

  •  26
    Veerle started the conversation
    October 27, 2020 at 11:21am

    Hello,

    Could you please tell me how I can reduce the white space above and below the featured image on a single post page (see screenshot). I have already added the code below which reduced the with space for desktop but on mobile there is still too much whitspace above and below the image.

    .single .heading-title[data-header-style="default_minimal"] {
      padding: 0
    }

    Thanks in advance,

    Kind regards,

    Veerle

  •  2,963
    Andrew replied
    October 27, 2020 at 11:27am

    Hi There.

    Thank you for writing to us.

    Please paste the CSS below in Salient > General Settings > CSS/Script Related:

    .single-post .post-content>.video, .single-post .post-content>.audio-wrap, .single-post .post-content>.quote-inner, .single-post .post-content>.post-featured-img>img {
    margin-bottom: 6px;
}
@media only screen and (max-width: 999px) and (min-width: 1px){
#ajax-content-wrap .post-area {
    margin-top: -42px !important;
}
}

    Hope this helps.

    Kind Regards.

  •  26
    Veerle replied
    October 27, 2020 at 11:39am

    Hi Andrew,

    Just perfect! Thank you so much!

    Kind regards,


  •  2,963
    Andrew replied
    October 27, 2020 at 11:40am

    Hi Veerle.

    You are welcome.

    Cheers!