New Landing › How can we help? › Themeforest Theme Support › Dante › Getting Rid of Blog Photo on Homepage

Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Back to forum
    Posted in: Dante
  • September 29, 2014 at 3:40 pm #115593
    tsimarketing
    Member
    Post count: 267

    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?

    September 29, 2014 at 4:01 pm #115609
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

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

    – Kyle

    April 21, 2015 at 8:21 pm #166995
    tsimarketing
    Member
    Post count: 267

    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

    April 22, 2015 at 6:20 am #167091
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    @tsimarketing     – Please use the code like this:-

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

    Thanks
    Mohammad

    April 22, 2015 at 12:46 pm #167312
    tsimarketing
    Member
    Post count: 267

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

    April 22, 2015 at 12:59 pm #167323
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

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

    – Kyle

    April 22, 2015 at 1:41 pm #167349
    tsimarketing
    Member
    Post count: 267

    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.
    April 22, 2015 at 2:46 pm #167378
    Kyle – SUPPORT
    Moderator
    Post count: 35880

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

    – Kyle

    April 22, 2015 at 2:48 pm #167379
    tsimarketing
    Member
    Post count: 267

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

    April 22, 2015 at 2:58 pm #167388
    Kyle – SUPPORT
    Moderator
    Post count: 35880

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

    – Kyle

    April 22, 2015 at 3:01 pm #167390
    tsimarketing
    Member
    Post count: 267

    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.

    April 22, 2015 at 3:08 pm #167394
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    This should do it:

    .recent-post figure {
  display: none;
}

    – Kyle

    April 22, 2015 at 3:35 pm #167410
    tsimarketing
    Member
    Post count: 267

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

    April 22, 2015 at 3:36 pm #167411
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Yes please

    April 22, 2015 at 3:37 pm #167412
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try moving it to the top of your CSS

    – Kyle

  • Back to forum
    Posted in: Dante
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

You must be logged in to reply to this topic.