Thumbnail image beside each post entries

[Antonio Scotti]

Hi
I am creating a static page that displays a list of post entries.
I created the page as a blog template to start with.
Then I added the livemesh short codes for Blog posts->Recent posts

[recent_posts post_count=”5″ hide_thumbnail=”false” show_meta=”true” excerpt_count=”50″ image_size=”full”]

And the available posts are correctly shown on the created static page.
The question is how do I make an (featured) image appear on the left hand side of each post entry instead than on top? Also how can I transform this image in a thumbnail at the same time, so that it is sized at the same height of the post entry.
Thanks

[Veena]

Can you share a link to specific page, Pls?

[Antonio Scotti]

Hi Veena
here it is: http://www.permacultureforrefugees.org/resurces/news-form-the-field/
Sorry for not doing it before

[Veena]

You can try this way, not sure how well it works-

.page-id-735 .type-post .image-area {
    width: 45%;
}
.page-id-735 .type-post #content .hentry .category a {
    top: -55px;
}
.page-id-735 .type-post h2.entry-title a {
    font-size: 16px;
}

.page-id-735 .type-post h2.entry-title {
    text-transform: capitalize !important;
    top: -320px;
    position: relative;
    float: right;
}
.page-id-735 .type-post .entry-summary {
    position: relative;
    width: 45%;
    float: right;
    top: -340px;
}

You need to tweak the custom CSS to get the desired results.

[Antonio Scotti]

Thanks. It works somehow. New as you say I’d need to tweek the css a little be to get the desider results
Many thanks

[Author]

Posts