WordPress.org

Ready to get started?Download WordPress

Forums

List category posts
Can't get thumbnail aligned top-left (6 posts)

  1. grahamgrocho
    Member
    Posted 1 year ago #

    I'm a newbie. Trying to get the image in the top-left corner of each div, with the title, date and excerpt next to it separated by a line break each.

    I'd also like each listing to be separated by a few spaces. Any help?

    Here's my CSS:

    img.lcp_catlist { float:left; margin:5px 10px 5px 0; width:100px; height:100px; vertical-align:text-top; }

    span.lcp_title {
    display: block;
    font-size: 11pt;
    font-family: sans-serif;
    }
    span.lcp_excerpt {
    display: block;
    font-family: sans-serif;
    }
    .lcp_date p {
    display: block;
    }
    #content ul.lcp_catlist li {list-style-type:none; display:block;}
    ul.lcp_catlist li {list-style-type:none;}

    And here's my shortcode:
    [catlist id="12" numberposts="15" orderby="date" date="yes" excerpt="yes" excerpt_size="50" template="default" thumbnail="yes" thumbnail_class="lcp_catlist" date_tag="span" date_class="lcp_date" excerpt_tag="span" excerpt_class="lcp_excerpt" title_tag="span" title_class="lcp_title"]

    http://wordpress.org/extend/plugins/list-category-posts/

  2. grahamgrocho
    Member
    Posted 1 year ago #

  3. cswisdom
    Member
    Posted 1 year ago #

    This is what you have :: thumbnail_class="lcp_catlist"
    However, lcp_catlist is used in the plugin already. Try another class name and see if that doesn't work. This is just a guess. I'm still trying to figure things out myself.

  4. francojoint
    Member
    Posted 1 year ago #

    To separate each listing with few spaces (which I think you really need to get a nice alignment right now) I suggest you to recall a template in your shortcode and set three or four
    at the end of each listing. It worked nicely for me (you can see it here: http://serviziovolontarioeuropeo.it/tutti-i-progetti-di-volontariato-internazionale-in-europa/)

  5. acnezone
    Member
    Posted 4 months ago #

    HI! I'm a newbie

    Please, Can you help me with this css ?

    Now I've got this - http://acnereview.ru/obychnye-umyvalki

    How can I make like this - http://usagain-minneapolis.com/news/

    I need to edit lcp_paginator.css or something else?
    What I need to edit, where?

    In what file I need to put these?

    img.lcp_catst { float:left; margin:5px 10px 5px 0; width:100px; height:100px; vertical-align:text-top; }
    
    span.lcp_title {
    display: block;
    font-size: 11pt;
    font-family: sans-serif;
    }
    span.lcp_excerpt {
    display: block;
    font-family: sans-serif;
    }
    .lcp_date p {
    display: block;
    }
    #content ul.lcp_catlist li {list-style-type:none; display:block;}
    ul.lcp_catlist li {list-style-type:none;}

    Many, many thanks!!!!

  6. Gawduvthunder
    Member
    Posted 4 months ago #

    francojoint,
    Can you please share the code you used for the link you shared

    This is exactly what I need and you would save me a ton of heartache and failure.

    Thank you much.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic