[SOLVED] Need 4 products per Row in the Homefeatured Module

[damo007]

Hi

 

I'm wanting to have 4 products per row instead of 3 in my homefeatured module. Any help appreciated.

 

code;

 

<!-- MODULE Home Featured Products -->

<div id="featured_products">

<h4>{l s='Featured products' mod='homefeatured'}</h4>

{if isset($products) AND $products}

<div class="block_content">

<ul>

{foreach from=$products item=product name=homeFeaturedProducts}

<li>

<a class="product_image" href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_big')}" alt="{$product.name|escape:html:'UTF-8'}" /></a>

<h5><a class="product_link" href="{$product.link}" title="{$product.name|truncate:32:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:25:'...'|escape:'htmlall':'UTF-8'}</a></h5>

<p><a class="product_descr" href="{$product.link}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:25:'...'}</a></p>

<span class="price">{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}{/if}</span> </li>

{/foreach}

</ul>

<div class="clearblock"></div>

</div>

{else}

<p>{l s='No featured products' mod='homefeatured'}</p>

{/if}

</div>

<!-- /MODULE Home Featured Products -->

[vekia]

can you share url to your website? 

[damo007]

as requested: http://www.petzsupplies.co.uk/

 

[vekia]

global.css remove these styles (global.css)

 

#featured_products ul li + li + li + li {margin:27px 0 0 0;padding:27px 10px 0 0;border-top:1px solid #efefef;}

 

then change width:720px to width:980px; in: 

#featured_products ul {
width: 720px;
}

(global css line 1601)

 

 

remove overflow:hidden; from:

#featured_products {
width: 710px;
overflow: hidden;
}

(global.css line 1597)

 

 

effect:

[damo007]

Thank you very much, Vekia. Very much appreciated.

[vekia]

you're welcome

glad to hear that i could help you in this case

i marked whole topic as solved

 

with regards,

MIlos