Remove Blog Post Thumbnails from Blog Post Banner

Site URL: https://www.wordsalive.org/quaranteens

Hi everyone!

Is there a way to remove the blog post thumbnail from becoming a banner on the blog post? I would like to keep the thumbnails as they feed into the summary blocks for displays on other pages like here for example: https://www.wordsalive.org/quaranteens

However, I hate how the thumbnail is then awkwardly stretched into a banner and the title becomes illegible as white text over it like here: https://www.wordsalive.org/quaranteensprompts/introduction-to-mindfulness

I'm using the Hayden template.

Add to Home > Design > Custom CSS

.view-item .banner-thumbnail-wrapper {
    display: none;
}

@tuanphan Is there a modification to keep the post title? 

9 hours ago, WordsAlive said:

@tuanphan Is there a modification to keep the post title? 

 

 

 

Remove above code and use this

.collection-type-blog.view-item .banner-thumbnail-wrapper figure {
    display: none;
}
.collection-type-blog.view-item .post-title {
    color: black !important;
}

@tuanphan Thank you so much!

@tuanphan, Sorry to bug you on this one again! Any chance you know how to minimize the space between the title and actual post? 

Remove code to set height: 1px

then add this

/* hide category space */
.view-item .post-category {
    display: none;
}
.blog-item-wrapper {
    padding-top: 1px;
    padding-bottom: 1px;
}
/* reduce main content padding */
.view-item.collection-type-blog main#page {
    padding-top: 0;
}

Thanks!

Hi, how to add grid to Hayden template blog?

Hi @tuanphan, I want to do the same thing as WordsAlive (i.e. removing the thumbnail from the blog post but keep it on other pages. I tried inserting your code into the Custom CSS section, but it doesn't work. I am using the Skye template with version 7.0. Any way you can help? Much appreciated! 

On 4/10/2021 at 8:37 PM, StraydogJW said:

Hi @tuanphan, I want to do the same thing as WordsAlive (i.e. removing the thumbnail from the blog post but keep it on other pages. I tried inserting your code into the Custom CSS section, but it doesn't work. I am using the Skye template with version 7.0. Any way you can help? Much appreciated! 

Hi. Can you share link to your site? We can help easier