sandytri

Here is the css I’m using to create a liquid grid display of thumbnail only posts on a static page using the above shortcode.
If you enlarge the page the posts will be one, two or more rows wide.

#tpg-get-posts .tpg-ul-class {
width:100%;
list-style-type:none;
padding:0;
margin:0;
}

#tpg-get-posts .tpg-ul-class > li {
display:-moz-inline-box;
display:inline-block;
zoom:1;
vertical-align:top;
width:288px;
margin:0 21px 30px 0;
padding:0;
background:none;
position:relative;
background:#fff;
}

* + html #tpg-get-posts .tpg-ul-class li {
display:inline;
}

#tpg-get-posts .tpg-ul-class li .inner {
padding:15px 14px;
}

#tpg-get-posts .tpg-ul-class li.nomargin {
margin-right:0 !important;
}

Hi there,

This is very helpful! Here is the short code I’m using:
[tpg_get_posts category_name=”Projects” numberposts=”30″ thumbnail_only=”true” thumbnail_size=”small” ul_class=”true” orderby=”title” ul_class=”tpg-ul-class”]

I can change thumbnail to false which seems to display the LI HR class, but I need to remove all the other stuff displaying like comments, meta etc. I need to play with that…

I would love it if the thumbnail only display could be in a grid…
thanks for catching my error on css file name!!! I figured it was me…

more shortly
sandy