PDA

View Full Version : thumbnail images [cms]


lvlehrad
01-28-2011, 02:49 PM
Hello,
In the homepage, the thumbnail images are placed on the left, and the written material on the right. But the way I want it is for the images to be centered and under the written material.
website : www.n1-music.com

Best Regards

Lynne
01-29-2011, 02:35 PM
Try something like, in vbcms_content_article_preview, find and remove:
<vb:if condition="$showpreviewonly">
<vb:if condition="$previewvideo">
{vb:raw previewvideo}
<vb:elseif condition="$previewimage" />
<a href="{vb:raw page_url}">
<img class="cms_article_preview_image" src="{vb:raw previewimage}" alt="{vb:rawphrase article_preview}" /></a>
</vb:if>
</vb:if>

And then under this:
<div class="cms_article_txt_content postcontainer">
{vb:raw previewtext}
<vb:if condition="$preview_chopped">...</vb:if>
</div>
Add this:
<p class="bottom_image">
<vb:if condition="$showpreviewonly">
<vb:if condition="$previewvideo">
{vb:raw previewvideo}
<vb:elseif condition="$previewimage" />
<a href="{vb:raw page_url}">
<img class="cms_article_preview_image" src="{vb:raw previewimage}" alt="{vb:rawphrase article_preview}" /></a>
</vb:if>
</vb:if>
</p>
And add to additional.css:
.bottom_image {display: block; clear: both; float: none; text-align: center;}
.cms_article_preview_image, .showpreviewonly object {float: none;}
You'll probably want to tweek it a bit to be how you want, but that's the basic idea.

lvlehrad
02-05-2011, 11:33 AM
i do your changes and cms image's is center now , but my style isnt work properly so i revert any changes . i use custom style from completevb team .
https://vborg.vbsupport.ru/external/2011/02/47.jpg

Lynne
02-05-2011, 03:24 PM
I can't help with a custom style. You'll have to take what I wrote and adapt it to the custom style to work.