[SOLVED] Featured products are not aligned, Theme problem ?

[Penge58]

Hello

 

Please look at http://www.eldatech.no/shop/

 

You will see on the front page that there is a line with 3 products.

The next line has 2 and then there is a third product below too.

I have configured the module "Special product on front page" to hold 6 products.

 

Why does it not put the last one on the second line instead of under the line ?

 

Anyone know what cause this ?

 

Is this caused by the Theme I am using ?

The Theme is created by PrestaShop Theme maker.

 

I am using PR 1.5.5.0

 

 

Petter

Edited September 18, 2013 by Penge58 (see edit history)

[vekia]

it's because you've got different height for each <li> object (especially when they have different descriptions height)

 

here is the solution:

 

ad height: 340px; param to:

.products_block.grid li {
padding: 10px 1%;
width: 31.2%;
float: left;
list-style-type: none;
height: 340px;
}

[Penge58]

 

it's because you've got different height for each <li> object (especially when they have different descriptions height)

 

here is the solution:

 

ad height: 340px; param to:

.products_block.grid li {
padding: 10px 1%;
width: 31.2%;
float: left;
list-style-type: none;
height: 340px;
}

 

Oh tanks again Vekia.

I am impressed by your very quick answeres and your knowledge.

 

I will try this and let you know.

[Penge58]

 

it's because you've got different height for each <li> object (especially when they have different descriptions height)

 

here is the solution:

 

ad height: 340px; param to:

.products_block.grid li {
padding: 10px 1%;
width: 31.2%;
float: left;
list-style-type: none;
height: 340px;
}

 

 

What file do you want me to edit ?

[vekia]

global.css line 2772

http://eldatech.no/shop/themes/Nibuo/css/global.css

[Penge58]

global.css line 2772

http://eldatech.no/shop/themes/Nibuo/css/global.css

 

Thank you.

 

It seems to work fine.

I guess there is a limit for maximum hight on images here ?

 

And what is the difference in editing the global.css and the prameters I find under Preferences->Images  ??

 

Petter

[vekia]

with css styles that i pasted we don't change the "image" but height of the <li> object

preferences > images tab isn't related to <li> css styles

hope it is clear

[Penge58]

with css styles that i pasted we don't change the "image" but height of the <li> object

preferences > images tab isn't related to <li> css styles

hope it is clear

 

Yes I understand.

 

Thank you again :-)