products list alignment problem

[Deka]

I am having problems with products list alignment. seems like smth wrong with product name(text) alignment.I have to use product name containing only 2lines of text if i want all products look like aligned. I am using "prestashop_1.4.6.2 + Velvet Sky theme (PS 1.4.6) by Captain FLAM". You can check the images attached. Thanks for any help!

 

Edited July 26, 2012 by Deka (see edit history)

[halennoor]

do you have a link to share so everyone can have a look?

[Deka]

sorry, forgot to add: http://kosmetikainternetu.net/category.php?id_category=12

[faDdy]

Goto folder themes-> Your Theme -> css -> Edit file product-list.css

 

Find

 

ul#product_list li h3 {

 

 

font-size: 1em;

margin: 0.4em 0;

position: relative;

}

 

Replace

 

 

ul#product_list li h3 {

 

 

font-size: 1em;

margin: 0.4em 0;

min-height: 58px;

position: relative;

}

 

Thanks.

[Deka]

Goto folder themes-> Your Theme -> css -> Edit file product-list.css

 

Find

 

ul#product_list li h3 {

 

 

font-size: 1em;

margin: 0.4em 0;

position: relative;

}

 

Replace

 

 

ul#product_list li h3 {

 

 

font-size: 1em;

margin: 0.4em 0;

min-height: 58px;

position: relative;

}

 

Thanks.

 

It helped.Couldn't solve this for weeks, since i have no experience in coding~Thank you very much.

[TCS]

Hi,

 

We have the same problem but we are usning prestashop ver. 1.6.1.15.

 

you can see the problem clearly here: https://tijuanachromeshop.com/12_zephyr

 

could you help us out we have made some changes to the CSS but as we are new to prestashop we find it very hard to solve it ourselfs.

 

Regards,

[faDdy]

Hi,

 

We have the same problem but we are usning prestashop ver. 1.6.1.15.

 

you can see the problem clearly here: https://tijuanachromeshop.com/12_zephyr

 

could you help us out we have made some changes to the CSS but as we are new to prestashop we find it very hard to solve it ourselfs.

 

Regards,

 

Goto themes -> venus -> CSS -> Edit file global.css

 

Search for .right-block h5 and update the code to

 

.right-block h5 {

    display: block;

    font-size: 15px;

    margin: 10px 0 6px;

    min-height: 50px;  

    text-transform: capitalize;

    width: 100%;

}

[faDdy]

Also i see that you haven't properly configured Performance settings and updating that will increase your website performance.

 

To fix that goto Backend ->Advanced Parameters -> Performance

 

on this Performance page you will see a section called CCC (Combine, Compress and Cache)

 

Here change :

Smart cache for CSS to Yes

Smart cache for JavaScript to Yes

Apache optimization to yes

and leave all others Set to No

 

Hope it will help.

 

Thank you.