Home › Forums › Basel support forum › Hide Featured image from single blog post

Hide Featured image from single blog post

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2020 at 10:42 pm #204096

    Userdan
    Participant

    Hi there,

    Please could you send through the correct CSS to hide a featured image on a single blog post?

    Many thanks,

    June 17, 2020 at 6:44 am #204138

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .post-single-page.blog-design-default-alt .entry-thumbnail {
    margin-bottom: 15px;
    display: none;
}

    Best Regards

    June 17, 2020 at 8:26 am #204166

    Userdan
    Participant

    Hi there,

    Thank you, this seems to be creating a little spacing issue with the date and the blog title. See screenshot.

    Any fixes?

    Attachments:
    You must be logged in to view attached files.
    June 17, 2020 at 12:09 pm #204235

    Elise Noromit
    Member

    Hello,

    Please provide the page URL I will try to move up the date or delete it with CSS.

    Best Regards

    June 17, 2020 at 10:20 pm #204382

    Userdan
    Participant

    Hi there,

    Please find the link below.

    Can you provide the CSS to hide the featured image?

    Many thanks,

    June 18, 2020 at 5:33 am #204407

    Elise Noromit
    Member

    Hello,

    Please replace the code with this one: 

    .blog-post-loop.post-single-page .entry-thumbnail {
display:none;
}
.blog-post-loop.post-single-page .entry-title {
    display:inline-block;
	   margin-top:100px;
}

    Best Regards

    June 19, 2020 at 8:28 am #204734

    Userdan
    Participant

    Hi there,

    There still seems to be some spacing issues – can I also remove the date box from the title too with CSS?

    Many thanks!

    Attachments:
    You must be logged in to view attached files.
    June 19, 2020 at 2:53 pm #204859

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .blog-design-default .post-date {
    display:none;
}

    Delete this code: 

    .blog-post-loop.post-single-page .entry-title {
    display:inline-block;
	   margin-top:100px;
}

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)