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 {
color:#2f2f2f;
text-decoration: underline;
}
span.lcp_excerpt{
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.
cheers.