[SOLVED] How to get a border around product thumbnails

[mandrin]

Hey there,

 

I have added a border to all my images and specifically my product thumbnails.

 

I edited "global.css" and it's all fine except for the border around my product additional thumbnails.

 

I have played with the thumbnail image sizes in "global.css" as well as in the "product.tpl"...

 

Here is the section in the "product.tpl" I was messing around with...

 

<!-- thumbnails -->
	<div id="views_block" {if count($images) < 2}class="hidden"{/if}>
	{if count($images) > 3}<span class="view_scroll_spacer"><a id="view_scroll_left" class="hidden" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}
	<div id="thumbs_list">
		<ul style="width: {math equation="width * nbImages" width=80 nbImages=$images|@count}px" id="thumbs_list_frame">
			{foreach from=$images item=image name=thumbnails}
			{assign var=imageIds value=`$product->id`-`$image.id_image`}
			<li id="thumbnail_{$image.id_image}">
				<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="{if !$jqZoomEnabled}thickbox{/if} {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">
					<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="80px" width="80px" />
				</a>
			</li>
			{/foreach}
		</ul>
	</div>
	{if count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}
	</div>

 

The problem I have is the border is incomplete on the right side and the bottom of the thumbnails (Please see attached image)

 

I would also like to know if anyone can advise what I edit to remove the text "Display all pictures"

 

Thank you in advance,

[mandrin]

*bump*

[mandrin]

Found it

 

It's in the css:

 

#thumbs_list li{
float:left;
cursor:pointer;
width: 80px;
height: 82px;

 

I increased the height from 80 to 82px and that sorted it out...