WordPress.org

Support

Support » Plugins and Hacks » List category posts » How to make thumbnail image appear next to excerpt

How to make thumbnail image appear next to excerpt

Viewing 13 replies - 1 through 13 (of 13 total)
  • Yes, I too would like to know how to get the thumbnail images to appear on the left side of the post title. Either on the same line as the post, or a stand alone column to the left of the titles.

    Thanks.

    http://blog.urban515.com/cat-list/

    I can’t get the list to put the thumbnail on the left, or make it just look good.

    I’ve got the same problem. I know I can use css, but not sure where to add css code. Would it just be “align=left” . I think there’s more to it than that.

    http://www.eventhuse.com/general-stag/news/

    i named my class thumbnews

    .thumbnews {
    position: absolute;
    left: 0;
    top: 30px;
    }

    and because i set this absolute i had to make the previous class relative

    .lcp_catlist li {
    clear: both;
    display: inline-table;
    padding-left: 110px;
    margin-bottom: 40px;
    position: relative;
    }

    So I copy all that onto the page where I have my catlist shortcode? or is there another place that I have to put the css?

    @sharonwilliams73.
    add code into file style.css in Themes.
    add code line end file style.css

    .thumbnews {
    position: absolute;
    left: 0;
    top: 3px;
    }
    .lcp_catlist li {
    clear: both;
    display: inline-table;
    padding-left: 110px;
    margin-bottom: 40px;
    position: relative;
    
    }
    .lcp_catlist a {
    color:#E30000;
    }
    span.lcp_excerpt {
    display: block;
    font-family: sans-serif;
    font-size: 14px;
    }

    [review: posting code – http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

    and save and upload
    and then add shortcode.
    ex:

    [catlist id=81 title_class=lcp_catlist numberposts=10 thumbnail=yes thumbnail_class=thumbnews thumbnail_size=110,85 excerpt=yes excerpt_size=30 excerpt_tag="span" excerpt_class="lcp_excerpt"]

    [signature/spam link moderated]

    I think there are a lot of themes out there which have that kind of feature built in already. If you look at this blog for example it displays images next to each excerpt.

    The theme is from elegant themes.

    I think a better way is to assign the thumbnail a class
    then float it left.

    Add this to your catlist shortcode:
    thumbnail=yes thumbnail_class=thumbnews

    Add this to your CSS:
    .thumbnews {float:left;}

    I want the thumbnail to appear next to the excerpt too, but shortcode, CSS etc are all Greek to me. Is there an easy way to do this. I am using the Weaver II theme and I have no idea were to even look to find where the option would be. Please help in english. Thanks

    Plugin Author Fernando Briano

    @fernandobt

    cre8ov,
    Sounds like you’ll need help, can you ask a fellow developer to help you out? If you don’t know how shortcodes and CSS work, then you’ll need someone who does to help you.

    There’s one or several CSS files on your theme’s folder. That’s where you need to add the css class and style it. And then use that class for thumbnails on the call to List Category Posts.

    John Amuzu

    @john-amuzu

    i have a similar prblem but can somebody please explain what the catlist is i cant seem to get it.

    Hello there,

    My thumbnail are not visibile, anybody have some suggestion to resolve?

    My site is:
    http://www.bingobonusplanet.com

    List category posts are at the bottom of the central content (there is only one article titled:F oxy live with new iPad app

    Happy for any help,
    Marco

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to make thumbnail image appear next to excerpt’ is closed to new replies.
Skip to toolbar