Plugin: List category posts - How to show the caption under thumbnail

Question

I've been trying to get the caption to show under the thumbnail with css but to no avail. It keeps appearing on top.

css:

.lcp_catlist {
    float:left;
    text-align:center;
}

.lcp_catlist li {
    display:block;
    float:left;
    width: 160px;
    height: 150px;
    margin-bottom: 10px;
}

div.project-title {
}

.project-thumb {
    float: left;
    padding: 3px;
}

the shortcode:

[catlist id=3 numberposts=20 orderby=title order=asc title_tag=div title_class=project-title thumbnail=yes thumbnail_class=project-thumb thumbnail_size=thumbnail ]

From what i've search so far, the thumbnail need to be in a div for the float css to work. however, the plugin didn't give the option of using thumnail_tag option. is there a workaround to get the thumbnail to be in a div?

I'm not sure if this will help, but this is the html template for each post:

<ul>
<li>
<div class="project-title">POST TITLE</div>
<div class="project-thumb">My THUMBNAIL</div>
</li>
</ul>`

the problem is that the div for the image is at the bottom while div for the title is on top.

even though i played around with the settings for css, it seem to stay in that position. however, i cannot switch their places as that is in the core of the plugin.

Thank you so much for helping!

Answer 1

please either post the URL or look at page source and post the actual html code so that we can see the markup

Answer 2

after a whole night of googling and test runs, I've resolved the matter by using List Category Posts' template. all I did was create another template (from the one provided by plugin) in a folder inside my theme's directory. Then i go in and edit the code by placing the show thumnail codes on top of the title codes, and Viola!, works like a charm.

thanks Sol for attempting for help me. I really appreciated that. ^^