Site logo

Archived topic

Home page with post thumbnails

11 replies · Started by Gidgetty on March 11, 2015

Viewing posts 1–12 of 12

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?

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.

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?

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

Let me know :)

Hi,

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

Thanks!

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;
}

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 :((

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

Thanks!

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;
}

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 ...

That looks good to me! Thanks for sharing the code :)

This archived topic is closed to new replies.