“Featured Products” name overriding description causing messy look

[Sunshine_cutie]

Hello everyone!

I have an issue with my PrestaShop that’s been really bothering me a lot. It is the “Featured Products” block on homepage. If the name of a product has 3 lines, which many do, the names tend to override the description below, causing a messy look. I do need to point out that this doesn’t occur to every product name.

I believe the following 2 PrestaShop users were talking about the same issue that I’m having:

http://www.prestashop.com/bug_tracker/view/2017/

http://www.prestashop.com/forums/viewthread/7115/

So far there doesn’t seem to be any solution to this issue to be found. Could someone help? Thank you so much in advance!


The one and only,
Sunshine_cutie

[Sunshine_cutie]

I forgot to attach any screenshot to explain this issue adequately. Here I'm attaching a screenshot of my "Featured Products" block on homepage. Thanks!

[glosticks]

A quick fix might be to edit the global.css file for your theme around line 1137

#center_column div.products_block h5 a
color:#FFFFFF;
font-size:1.1em;
}


just add some padding to the statement

#center_column div.products_block h5 a
color:#FFFFFF;
font-size:1.1em;
padding-bottom: 5px;
}


should fix, but have not tested


regards


Chris

[Sunshine_cutie]

Chris,

Thank you so much for trying to help me. I really appreciated it. I'm still seeing the same messy look after applying the solution that you gave me though. I made sure to edit the global.css file that's for my "PrestaShop Pink" theme, and I used Windows notepad to edit the global.css file. Now this problem still hasn't gone away. Maybe I should not have used Windows notepad to edit? I'm so confused, but I do appreciate your help, Chris. Thank you.



Sunshine cutie

[fs_xyz]

\modules\homefeatured\homefeatured.tpl
Line 15

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

Swith number 35 with something else... this is my temporary fix so far. Work for a while... This part is very tricky if you try to view your web through firefox and IE. Or you can limit the product name into shorter one.
Fire fox will just stack the title and the description, creating a mess.
While IE will add another line but if that product lined with another which don't have title problem... the 'featured box' will become a mess.

[eqilibrium]

Have you fixed this?
I'm asking becuse I have the same problem and still don't have the solution. :-S

[panagiotaros]

me too!
I have the same problem!