Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Remove Blog Post Thumbnails from Blog Post Banner


WordsAlive

Question

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.

Edited by WordsAlive
Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

8 answers to this question

Recommended Posts

  • 1
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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post
  • 0

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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I'm seriously sick. Off some time.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...