WordPress.org

Ready to get started?Download WordPress

Forums

List category posts
[resolved] Excerpt Alignment Issue (5 posts)

  1. elizabethakaliz
    Member
    Posted 1 year ago #

    I have read the Instructions (Other Notes) that come with this plugin and have read other threads that deal with similar issues and have not completely sorted out all the bugs. Here is what I am attempting to do:

    List a category with a thumbnail to the left, with the post title to the right, and an excerpt that follows below that title (also to the right of the thumbnail). Here is my current css code:

    '
    .thumbcocina {
    float: left;
    margin: 0 0 0 0;
    }

    .lcp_catlist li {
    clear: both;
    display: inline-block;
    margin-bottom: 40px;
    }

    p.lcp_excerpt {
    display: inline;
    }'

    I am calling for this list in a page like this:
    '[catlist id=18 numberposts=-1 thumbnail=yes thumbnail_class=thumbcocina excerpt=yes excerpt_class=lcp_excerpt excerpt_tag=p excerpt_size=30 posts_morelink="Ver receta..."]'

    Excerpts that have too few words in it do not align correctly. If I add more words to the excerpt, the list aligns correctly.

    Here is how my page, a recipe page, displays currently:
    http://lavidaenlasvegas.com/la-cocina-de-lily/

    If anyone can spot my coding error, I would greatly appreciate your assistance.

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

  2. elizabethakaliz
    Member
    Posted 1 year ago #

    So, I started to google and here is what works for me...

    A list with thumbnails to the left, with title and an excerpt to the right, properly aligned, and with a neat rollover effect:

    .thumbcocina {
      float: left;
      margin: 0 0 0 0;
    }
    
    .lcp_catlist li {
      list-style-type: none;
      overflow: auto;
      padding: 10px;
      width: 600px;
    }
    
    .lcp_catlist li:hover {
      background: #FFFFCC;
      cursor: pointer;
    }

    I hope this helps out anybody else.

  3. markbarna
    Member
    Posted 1 year ago #

    Hello elizabethakaliz!

    Do you know if is it possible to fixed the text and title alignment?

    thank you so much!!!

  4. skyoyugi
    Member
    Posted 1 year ago #

    @elizabethakaliz Thanks a lot. Like @markbarna also desired to align the title. Is this possible?

  5. skyoyugi
    Member
    Posted 1 year ago #

    Having modified your code, here is what worked for me

    /* =Front Page Featured Area Styling
    -------------------------------------------------------------- */
    .postimg {
    float: left;
    padding: 0 15px 20px 0;
    }

    .featured {
    font-family: 'Oswald', arial;

    margin: 0;
    }

    .featured a {
    text-decoration: none;
    color: #0084B4;
    font-weight: normal;
    }
    .featured a:hover {
    color: #E29F22;
    }

    .datetime {
    font-style: italic;
    font-size: 0.9em;
    margin: 0;
    }
    ul.lcp_catlist {
    padding:0;
    margin:0;
    }

    .lcp_catlist li {
    list-style-type: none;
    overflow: auto;
    }

    .lcp_catlist li:hover {
    background: #FFFFCC;
    cursor: pointer;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.