[Resolved] Home page with post thumbnails

[Gidgetty]

1. Is there a way I can add thumbnails to my homepage, categories, archives so all post excerpts have a thumbnail?
2. Is it possible to make the homepage 2 columns just for the content so posts excerpts appear in two columns?

[Tom]

1. Absolutely – set the Featured Images: http://en.support.wordpress.com/featured-images/

Then, you can use the Blog add-on to set the post image size and alignment.

2. For now, you would have to use the masonry option included in the Blog add-on. If you set the masonry width to medium, your posts will be in two columns.

[Gidgetty]

that worked. thanks.

I got the thumbnails to appear on the homepage, however, the images are squished..i’d like them cropped to size and still proportional. My old theme allowed me to do that but after switching to generatepress I’m unable to do so. any suggestions?

[Tom]

If you leave the “Post Image Height” option completely blank it will resize the image proportionally.

Let me know 🙂

[Igor Trepeshchenok]

Hi,

Is there a way to create a home page with a masonry grid of thumbnails only (no post title or post meta) ?

Thanks!

[Tom]

You could use the Blog add-on, then add this CSS:

.masonry-brick .entry-header,
.masonry-brick .entry-content,
.masonry-brick .entry-meta {
      display: none;
}

[Igor Trepeshchenok]

Thank you, Tom!

So now I have only images, but also a white area beneath:
http://goo.gl/9oYsTw

And I can’t find a way to remove it :((

[Tom]

Can you link me to the page so I can take a look at the code?

Thanks!

[Igor Trepeshchenok]

Yes, sure. Here:

http://new.barnimages.com
pass: ***

Thanks in advance!

[Tom]

Awesome.

Here’s your new complete CSS:

.masonry-brick .entry-header,
.masonry-brick .entry-content,
.masonry-brick .entry-meta {
      display: none;
}

.masonry-brick .post-image {
      margin: 0 !important;
}

[Igor Trepeshchenok]

Thank you for your help!

This didn’t help unfortunately, the white area was still there under the images 🙁

I added .masonry-brick class to the code above as well, because it has affected the search ‘no result’ page too.

Then I added

.masonry-post.masonry-brick .entry-summary {
      display: none;
}

as well and also this code:
.post-image a, .post-image a img, .post-image {line-height:0!important;}

don’t know how correct it is, but this helped at the end, no more white areas 😉
anyway, I’m thinking to make the whole background white, so …

[Tom]

That looks good to me! Thanks for sharing the code 🙂

[Author]

Posts