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]

Originally Posted by ashley76

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]

Originally Posted by ashley76

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]

Originally Posted by ashley76

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

Your welcome