Hide Thumbnail Images from Single Column Blog (7.1)

Hello,

I am trying to remove thumbnail images from my Single Column Blog, BOTH from the blogroll and from each entry page itself. BUT I still want to be able to upload a thumbnail that will appear in Summary Blocks and when the link is shared on social. I have tried everything I know how to do, and I'm stuck. Someone please help!

Scott

Basically, I just need to remove this <div>... but how??

Can you share link to page in screenshot? We can check easier

Hey Tuanphan,

Sorry for the delay here. The link is https://www.eloquentgraffiti.com/blog. Please help!

Thanks!

22 hours ago, scottsummerhayes said:

Hey Tuanphan,

Sorry for the delay here. The link is https://www.eloquentgraffiti.com/blog. Please help!

Thanks!

Add to Design > Custom CSS

/* remove blog thumbnail */
article.blog-single-column--container>div:first-child {
    display: none;
}

Sorry. Don't think that's the answer because now the full posts aren't even loading.

I think I solved it. It just needed an extra little bit.

/* remove blog thumbnail */
article.blog-single-column--container>div:first-child img {
    display: none !important;
}
.image-wrapper.preSlide.slideIn {
  display:none !important;
}

I'm having the same issue. I'd like for my single column blog to not display any thumbnails, but I want to keep the thumbnail uploaded for display in summary blocks. @tuanphanwould you be able to take a look at my site as well? www.fridgeprep.com/test-blog

14 hours ago, rachelr said:

I'm having the same issue. I'd like for my single column blog to not display any thumbnails, but I want to keep the thumbnail uploaded for display in summary blocks. @tuanphanwould you be able to take a look at my site as well? www.fridgeprep.com/test-blog

Add to Design > custom CSS

/* hide blog thumbnail */
article.blog-single-column--container.entry.blog-item.is-loaded>div:first-child {
    display: none;
}

4 minutes ago, tuanphan said:

Add to Design > custom CSS

/* hide blog thumbnail */
article.blog-single-column--container.entry.blog-item.is-loaded>div:first-child {
    display: none;
}

 

Thank you so much!! This worked perfectly! 🙂

I'm actually looking for the opposite, I want to be able to hide the thumbnails in my summary block, but only on mobile...Any ideas?

14 hours ago, subliminalsf said:

I'm actually looking for the opposite, I want to be able to hide the thumbnails in my summary block, but only on mobile...Any ideas?

Use this code

@media screen and (max-width:767px) {
/* hide blog thumbnail */
article.blog-single-column--container.entry.blog-item.is-loaded>div:first-child {
    display: none;
}
}

Hi! The code worked great to hide my thumbnails (thanks!) but the space where the thumbnails were remains, causing a large vertical separation  between the posts. Any thoughts on how to reduce the space?

Thumbnail below, also the in-process site is https://sfne2.squarespace.com/news-content with a password of "design"

Thanks!

On 3/10/2022 at 6:07 AM, SarahBethGraphics said:

Hi! The code worked great to hide my thumbnails (thanks!) but the space where the thumbnails were remains, causing a large vertical separation  between the posts. Any thoughts on how to reduce the space?

Thumbnail below, also the in-process site is https://sfne2.squarespace.com/news-content with a password of "design"

Thanks!

It looks like you solved?

none of these worked for me any ideas. 

On 1/14/2023 at 2:00 AM, JDCarling said:

none of these worked for me any ideas. 

What is your blog page url?

Hi! Versions of these codes have worked for me previously, but after some time it removes the entire newest post. It's as if it reads "first child" in two different ways (to mean featured image and to mean first post)

It happened once, so I changed to a new version, and now it has happened again. Everything goes back to normal if I remove the code. 

On 2/16/2023 at 12:40 AM, sophiemoss said:

Hi! Versions of these codes have worked for me previously, but after some time it removes the entire newest post. It's as if it reads "first child" in two different ways (to mean featured image and to mean first post)

It happened once, so I changed to a new version, and now it has happened again. Everything goes back to normal if I remove the code. 

Can you share link to blog page? We can check easier

Hey @sophiemoss. Do you have a thumbnail on your first post? I was having the same problem, my first post was disappearing until I added the thumbnail.