[Solved] I need a little help in CSS for home featured !!

[Haytham]

Hello, i had some trouble configuring css of this home featured products.
may you please take a look at the first image present the issue, and the second image what am trying to make.
here is my tpl file and css code too, can any body help me to fix it please !!!

my css code is this:

/* homefeatured.tpl */
div#featured-products_block_center {}
div#featured-products_block_center h4 {height:28px;padding:10px 0 0 20px;background:url(../img/center_col_title.png) 0 0 repeat-x;font:bold 14px "Arial";color:#fff;text-transform:uppercase;}
div#featured-products_block_center ul li {width:180px;height:186px;float:left;margin:10px 0 0 10px;background:#fff;border:1px solid #eef2f4;position:relative;}
div#featured-products_block_center ul li:first-child {margin:10px 0 0 0;}

div#featured-products_block_center ul li a.product_image {width:150px;height:150px;display:block;margin:8px auto 0 auto;}

div#featured-products_block_center ul li h5 {height:30px;padding:5px 20px 0 20px;}
div#featured-products_block_center ul li h5 a {font:bold 12px "Arial";color:#014f91;text-decoration:none;text-align:center;}
div#featured-products_block_center ul li h5 a:hover {color:#ff0000;}






my featured tpl file is this:

<!-- MODULE Home Featured Products -->

{l s='Produtos Destaquados' mod='homefeatured'}

{if isset($products) AND $products}

• 
  {foreach from=$products item=product name=homeFeaturedProducts}
  
• 
  
  getImageLink($product.link_rewrite, $product.id_image, 'home_small')}" alt="{$product.name|escape:html:'UTF-8'}" />
  
  

  {$product.name|truncate:50:'...'|escape:'htmlall':'UTF-8'}

  
  

  
  {if ($product.quantity > 0 OR $product.allow_oosp) AND $product.customizable != 2}
  {else}
  {/if}
  

  
  
  {/foreach}
  

{else}

{l s='No featured products' mod='homefeatured'}

{/if}

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

Thanks in advanve !

[Haytham]

OK , 30 views and no reply or any help ... any way i just fixed it by myself ! I also made my new product look the same as grid !

[Carolina Custom Designs]

I would've gladly helped but I just saw your post for the first time. Glad you were able to fix it yourself!

Now, could you please mark the thread [solved] so others don't waste their time reading it.

Marty Shue

[pitchtv]

err , I am glad you managed to fix it , mind telling me how you fixed it ? same problem.

[Haytham]

err , I am glad you managed to fix it , mind telling me how you fixed it ? same problem.

just changed some dimensions in css correspond to featured products and deleted some gap space of the btns of buy now and view.

[GIG]

Prestashop v1.3.2
Default theme of prestashop.

Hello i am italian...
i am not an expert but i try to paste your code in my tpl file
HomeFeatured but i do not see any change.
Can you explain me how i can do ?
witch is my error ?

Bye.
GIG. ;-P