(Solved) Prestashop1.5.4.1 Featured product issue (Need help)

[Zen_j1]

I have removed right column from home page (index page). In prestashop 1.5.2 I am was able to align Featured product 5 in number in row as shown in image attached with post. By changing following code given below

 

In homefeatured.css

 

#featured-products_block_center li

{ margin-right:10px;

padding:11px 0; (Changed from 10px to 11px)

width:126px;

height:240px

}

 

AND

 

homefeatured.tpl

 

{assign var='liHeight' value=250}

{assign var='nbItemsPerLine' value=5} (Changed from 4 to 5)

 

If I do the same as above in prestashop 1.5.4.1 fifth product image does not separate from fourth image as shown in image 2 attached with this post instead it keep overlapping on fourth image.

I am trying to solve this problem any help will be appreciated.

Edited May 1, 2013 by kartik_jh1 (see edit history)

[tdr170]

All that padding does is add some space between the image and the top.

Here is the code from my 1.5.4 modified theme (no right column)

 

 

#featured-products_block_center li {

margin-right:3px;

padding:8px 0;

width:140px;

height:250px;

margin-left:3px;

border: 1px solid #CBCCD1;

margin-top:5px

 

You can remove the border if you wish, if you do you can also remove the margin-top.

 

 

you can see it here:

http://team-shepherdusa.com/shop3/

Edited May 1, 2013 by tdr170 (see edit history)

[Zen_j1]

All that padding does is add some space between the image and the top.

Here is the code from my 1.5.4 modified theme (no right column)

 

 

#featured-products_block_center li {

margin-right:3px;

padding:8px 0;

width:140px;

height:250px;

margin-left:3px;

border: 1px solid #CBCCD1;

margin-top:5px

 

You can remove the border if you wish, if you do you can also remove the margin-top.

 

 

you can see it here:

http://team-shepherdusa.com/shop3/

 

Thanks for your reply this helped