Thumbnail image beside each post entries

Support Forums for LiveMesh Themes & Plugins Forums Peak Theme Support Thumbnail image beside each post entries

This topic is: resolved

Tagged: , ,

This topic contains 4 replies, has 2 voices, and was last updated by Antonio Scotti Antonio Scotti 5 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #31479
    Antonio Scotti
    Antonio Scotti
    Participant
    Post count: 39

    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

    #31481
    Veena
    Veena
    Moderator
    Post count: 8142

    Can you share a link to specific page, Pls?

    #31482
    Antonio Scotti
    Antonio Scotti
    Participant
    Post count: 39

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

    #31490
    Veena
    Veena
    Moderator
    Post count: 8142

    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.

    #31500
    Antonio Scotti
    Antonio Scotti
    Participant
    Post count: 39

    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

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Thumbnail image beside each post entries’ is closed to new replies.