Плагин List category posts: Как отображать подпись под миниатюрой
Я пытаюсь сделать так, чтобы подпись отображалась под миниатюрой с помощью CSS, но ничего не выходит. Она продолжает появляться сверху.
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;
}
Шорткод:
[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 ]
Из того, что я нашел, миниатюра должна быть внутри div, чтобы работало CSS свойство float. Однако плагин не предоставляет опции thumbnail_tag. Есть ли обходной путь, чтобы поместить миниатюру в div?
Не уверен, что это поможет, но вот HTML шаблон для каждого поста:
<ul>
<li>
<div class="project-title">ЗАГОЛОВОК ПОСТА</div>
<div class="project-thumb">МОЯ МИНИАТЮРА</div>
</li>
</ul>`
Проблема в том, что div для изображения находится внизу, а div для заголовка - сверху.
Хотя я экспериментировал с настройками CSS, элементы остаются в этом положении. Однако я не могу поменять их местами, так как это заложено в ядре плагина.
Большое спасибо за помощь!

После целой ночи поисков в Google и тестовых запусков, я решил проблему, используя шаблон List Category Posts. Все, что я сделал - это создал еще один шаблон (на основе предоставленного плагином) в папке внутри директории моей темы. Затем я зашел и отредактировал код, поместив код отображения миниатюр поверх кода заголовков, и вуаля!, все работает как часы.
Спасибо Sol за попытку помочь мне. Я действительно это оценил. ^^

это на моем локальном сервере, так что я не могу это показать.
но вот скриншот: http://img52.imageshack.us/img52/7974/23615186.jpg
и вот мой css: http://pastebin.com/A9fF3AFw

Не уверен, что это поможет, но вот html-шаблон для каждого поста:
<ul>
<li>
<div class="project-title"><a href="my_link">Eniro Cinderella</a></div>
<div class="project-thumb"><a href="my_link"><img width="150" height="120" src="my-image.jpg" class="attachment-thumbnail wp-post-image"></a></div>
</li>
</ul>
Проблема в том, что div для изображения находится внизу, а div для заголовка - сверху.
Даже после того, как я поиграл с настройками css, они остаются в этом положении. Однако я не могу поменять их местами, так как это заложено в ядре плагина.

Я не увидел ссылки на wp-caption в вашем примере, так что без просмотра кода сложно определить проблему. В качестве предложения: почему бы не создать простую галерею на странице WP, затем использовать Firebug для просмотра кода и скопировать его?
