Article preview help

[ashley76]

Okay here is my code...

{vb:raw css}

<div class="article_preview">
<div class="title">
<h3 class="article_preview">
<vb:if condition="$showtitle">
<a href="{vb:raw page_url}"><span>{vb:raw title}</span></a>&nbsp;
</vb:if>
</h3>
</div>
<vb:comment>
<!-- Display Section Location -->
<div class="cms_article_section_location">
{vb:rawphrase section}: <a href="{vb:raw section_url}">{vb:var parenttitle}</a>
</div>
</vb:comment>

<div class="fullwidth article_preview_contents<vb:if condition="$showpreviewonly"> showpreviewonly</vb:if> restore">
<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>
<div>
<br />
<div class="cms_article_txt_content postcontainer">
{vb:raw previewtext}
<vb:if condition="$preview_chopped">...</vb:if>
</div>
</div>
</div>

<div class="fullwidth">

<vb:if condition="$preview_chopped">

</vb:if>


</div>
</div>

I have a cell/gap whatever you want to call it in-between {vbraw: title} and {vb:rawphrase section}

you can visit http://www.bzzurkk.com and look at the article previews to see a big gap between the article title and image/preview to see what I am talking about.

Anyone know how to get rid of that?

[Xencored]

Can you show me a image of your problem because on chrome it looks fine
I cant see any "big gaps"

[ashley76]

Here you go... I circles the gaps...

[Xencored]

{vb:raw css}

<div class="article_preview">
<div class="title">
<h3 class="article_preview">
<vb:if condition="$showtitle">
<a href="{vb:raw page_url}"><span>{vb:raw title}</span></a>&nbsp;
</vb:if>
</h3>
</div>
<vb:comment>
<!-- Display Section Location -->
<div class="cms_article_section_location">
{vb:rawphrase section}: <a href="{vb:raw section_url}">{vb:var parenttitle}</a>
</div>
</vb:comment>

<div class="fullwidth article_preview_contents<vb:if condition="$showpreviewonly"> showpreviewonly</vb:if> restore">
<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>
<div>
<div class="cms_article_txt_content postcontainer">
{vb:raw previewtext}
<vb:if condition="$preview_chopped">...</vb:if>
</div>
</div>
</div>

<div class="fullwidth">

<vb:if condition="$preview_chopped">

</vb:if>


</div>
</div>

[ashley76]

Thanks for the help. That leaves a gap too though...

[Xencored]

Thanks for the help. That leaves a gap too though...

Can you re-add the code above so i can see where the next problem is

[ashley76]

done

[Xencored]

done

You need to find edit the Variable "vbcms_article_preview_image_margin"

Change the "Top" from 20 to 0

edit = oh and still use the code i give you above

[ashley76]

That did it! Thanks a ton Mike! You are the man!

[Xencored]

That did it! Thanks a ton Mike! You are the man!

Your welcome;)