Support » Plugin: List category posts » Thumnail left, Title and Excerpt right!

  • Hi all-

    I’m a total noob at css and and I don’t know the diff between php and pcp, lol.

    Ahem, anyway, all I wanted was for my list pages to have a small thumbnail aligned left with the title to the right, underlined, and the excerpt also to the right of the thumbnail under the underlined title.

    Geez, you wouldn’t think it would be so hard to figure out? Oh well. Here is what I used in the post:

    [catlist name=”your-category-goes-here” excerpt=yes excerpt_strip=no thumbnail=yes thumbnail_size=120,80 thumbnail_class=”alignleft” title_class=lcp_title]

    THEN, I put this at the end of my css- it’s a mashup of a bunch of different suggestions I found in forums and pasted together myself 🙂

    .lcp_catlist img { float:left; margin:5px 10px 5px 0; }
    .lcp_catlist li:after { content:’.’;height:0px;visibility:hidden;display:block;clear:both;}
    #content ul.lcp_catlist li {list-style-type:none;}
    .thumbstuff {
    position: absolute;
    left: 0;
    top: 3px;
    .lcp_catlist li {
    clear: both;
    display: inline-table;
    padding-left: 110px;
    margin-bottom: 40px;
    position: relative;
    border=”0″ /></div>
    .lcp_catlist a {
    text-decoration: underline;
    display: blockquote;
    font-family: sans-serif;
    font-size: 14px;
    .thumbstuff {
    float: left;
    margin: 0 0 0 0;
    .lcp_catlist li {
    list-style-type: none;
    overflow: auto;
    padding: 10px;
    width: 600px;

    Obvi, your lists will vary according to your theme and wishes, know what I mean?

    Hope this helps other code dummies like me.


Viewing 7 replies - 1 through 7 (of 7 total)
  • Thanks alot for this, really helped me out!

    What if i want the image on the right and the titles to be a header 3? and where do i put this codein my style.css or somewhere else? (i know its a noob question…

    title_class=lcp_title seems to be missing in your code, may you please advise if this is what needs to be amended to make the title in header 3, also would it be possible to make the title, excerpt, read more on a separate line from each other?

    this would make it work perfectly for me. (please excuse me if i am getting out of point new to the forums)

    Am having the same problems and have no idea where to put the CSS code above… do you mean put it in the CSS file for the plugin? Or somewhere else? Its a shame there are not more examples to look at really as I am sure most people want to syle the list so it looks at least presentable. Any help please :0)

    OK I figured out how to get the thumbnail aligned on the left but it still looks messy. Really want to have the title in bold… then a new line for the excerpt and then a new line for read more…

    Very importantly I need to add a space between posts… can see how to add that here…

    Re: warmax356

    I’m sorry I have no idea how to address the Header 3/seperate line thing. I understand what it is you want, but I have no idea how to make it happen. I’m a noob too. All I can say is google is your friend and the feeling you get when you finally figure something that should be small like that out is indescribable! Good Luck.

    Re: RoyHanney

    You want to type the CSS code at the very end of your Theme Stylesheet, meaning scroll down to the very end then copy paste. ONLY DO THIS WITH A CHILD THEME. If you want to see how mine turned out here:

    An excellent bit of info 🙂

    Now a stage further…

    Do your changes to the CSS affect ALL instances of the standard catlist code uses ?

    Can this CSS code go in a template, and then use the template for the lists that need this format. Making it easier to select ?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Thumnail left, Title and Excerpt right!’ is closed to new replies.