Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #430887

    Hi,

    A bit of background…

    My plan is to use a masonry grid on my landing page, and to combine news (blog posts) with portfolio items mixed together.

    Since the options for the masonry grid forces you to use either a category from one post type or tag, I’ve used tags, and disregarded the portfolio categories altogether as a means of sorting. So I’ll tag all blog posts as ‘News’ and tag each portfolio item as I would have if I used categories (‘Experience Design’, ‘Product Design’ etc). This way it reads in blog posts and portfolio items alike.

    Anyhow…

    I’d like to differentiate the news items from the portfolio items in the grid. One way I think works well is to prevent a picture from showing in the grid if it’s news (as in the link below).

    http://i57.tinypic.com/30ii935.jpg

    By removing the featured item from a blog post, in the grid it looks rather nice and differentiated from the portfolio items. However in the blog entry itself, of course I’m missing a featured image.

    So my question is: is there a way to remove the featured image just from the masonry grid for a blog post specifically?

    Thanks

    #431475

    Hey blueskydesigngroup!

    Maybe some CSS like this would work?

    .av-masonry .post-3046 {
      display: none !important;
    }

    Where 3046 is the ID of the post.

    I couldn’t find any screenshot in the link you provided. Try imgur.com.

    Cheers!
    Elliott

    #431692

    That code doesn’t work unfortunately. It prevents the post from showing completely. I want the post to show, but to hide the featured image only.

    Also – CSS that works on specific post IDs is not ideal as I would need to manually add new code for every post ID. Is there no way to do it per post tag? Say I tag my news posts ‘News’, can I not use CSS to hide the featured image based on that?

    IF Post_Tag == ‘News’
    Hide Featured Image
    END

    #432362

    Hey!

    Try this out then.

    .news_sort .av-masonry-image-container {
      background: transparent !important;
    }

    Cheers!
    Elliott

    #432604

    Works, thanks very much.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Masonry – Styling of Different Post Types or Tags’ is closed to new replies.