X-Cart forums - View Single Post - Pure CSS Rounded Boxes! (no images, no tables)

JWait · #**143** 02-26-2009, 06:59 AM

Ok.. in skin1.css or skin1_c.css (depending on which you use), add the class...

.ProdTitle { height:53px; }

Then in products_t.tpl find

Code:

<a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_page}" class="ProductTitle">{$products[product].product}</a><br />
{if $config.Appearance.display_productcode_in_list eq "Y" and $products[product].productcode ne ""}
<font class="SmallText">{$lng.lbl_sku}: {$products[product].productcode}</font><br />
{/if}

and change it to...

Code:

<div class="ProdTitle"><a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_page}" class="ProductTitle">{$products[product].product}</a><br />
{if $config.Appearance.display_productcode_in_list eq "Y" and $products[product].productcode ne ""}
<font class="SmallText">{$lng.lbl_sku}: {$products[product].productcode}</font><br />
{/if}</div>

Clear your templates cache (www.yoursite.com/cleanup.php) and see how it displays.

Then go back to skin1.css or skin1_c.css (depending on which you use) and adjust the height at .ProdTitle { height:53px; } until you are satisfied.