Getting Rid of Blog Photo on Homepage

[tsimarketing]

I have a blog page on our website, which uses the photo thumbnails. We also have a little section on the homepage that shows the most recent blog post, but we don’t want a photo shown with this blog post. Is there a way to have it so the blog post on the homepage doesn’t have a photo with it, but the blog posts on the actual blog page has the thumbnail photos?

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.home .recent-post figure {
  display: none;
}

– Kyle

[tsimarketing]

Im having a similar problem with the thumbnail photos showing up on the mobile view on our homepage. Is there a way to add the @media tag to the front of the code above so that it takes away the photo thumbnails on mobile version too?

You can check out the mobile home page at tsihealthcare.com/test

[Mohammad – SUPPORT]

Hi,

@tsimarketing – Please use the code like this:-

.home .recent-post figure,.ls-container {
  display: none;
}

Thanks
Mohammad

[tsimarketing]

This code isn’t working. You can still see the blog photo thumbnails on the homepage of mobile view.

[Kyle – SUPPORT]

Add this to your custom css:

@media only screen and (max-width: 479px) { 
.masonry-items .blog-item figure {
  display: none;
}
}

– Kyle

[tsimarketing]

I put this code in but still doesn’t seem to take away the thumbnail photo. I have attached a screenshot from my iPad to show you what it looks like. And the photo still appears on the phone view too.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

You said mobile view, if you want to hide from iPad too then increase the max width to 768px

– Kyle

[tsimarketing]

Yeah I have already tried making the max width 768 and it still shows up on both mobile and tablet view.

[Kyle – SUPPORT]

You sure you have added this to your css because I can’t find it in your source code

– Kyle

[tsimarketing]

Yes at the very bottom. Are you looking at tsihealthcare.com/test? We created a new test website so we can test these mobile things on it before applying it to the live website.

[Kyle – SUPPORT]

This should do it:

.recent-post figure {
  display: none;
}

– Kyle

[tsimarketing]

For some reason it’s still not working. Would you like to login to see whats happening?

[Kyle – SUPPORT]

Yes please

[Kyle – SUPPORT]

Try moving it to the top of your CSS

– Kyle