Issue With Text Crushed Together On Front Page

[Spainman]

Hi all,

 

On my front page...some of the text underneath products is crushed together. I´ve attached a screenshot and below is my url:

 

http://62.81.159.230/~canicoba/index.php

 

How can I fix this?

 

Thanks.

[PascalVG]

Hi Spainman,

 

Open the file:

/themes/<your theme folder>/modules/homefeatured/homefeatured.css

 

(If it not exists there, copy from /modules/homefeatured/homefeatured.css first, to override the original file, instead of editing the original one)

 

make a small change in the file:

 

find the code:

 

#featured-products_block_center .s_title_block, #featured-products_block_center h5 {

padding-top:5px;

height:30px; // <-change 30px into 45px

font-size:12px;

color:#222;

padding-bottom: 0;

font-weight:bold;

}

 

That should do the trick. It gives one line extra for your header. (

Only thing is now that the headers with only two header lines now have some space between the header and short description)

 

Pascal.

[Spainman]

Thanks for the reply Pascal. I followed your instructions and now the text overlaps on other products and the bottom banner.

 

You can check it out on my url: http://62.81.159.230/~canicoba/index.php

 

Regards.

[vekia]

this issue is very similar to your other one: http://www.prestashop.com/forums/topic/225808-issue-on-front-page-with-view-more-text/page__p__1116212#entry1116212

 

just follow instructions there, delete height param and it will be automatic or set it up as auto:

 

height:auto;

[Spainman]

Thanks for the solution It´s fixed all of it except one price that overlaps a product below it.

 

I´ve attached a screenshot showing the error with a red arrow.

 

My url: http://62.81.159.230/~canicoba/index.php

[PascalVG]

OK, once again in /modules/homefeatured/homefeatured.css (just as in reply #2, first override!)

 

First lines:

 

#featured-products_block_center li {

margin-right:10px;

padding:10px 0;

width:126px;

height:240px // <- change into 250 (or 255), or just comment out

}

 

This should fix this.

N.B. From aesthetic point of view, I myself would advise to choose fixed values, just as in reply #2, as you can see that the prices are not on the same line when 'auto'. You will see the same here, when deleted or set to auto that the blocks won't be the same size, looking strange/ugly.

 

Well, just play with all the answers you got from us, and see what suits best for you.

 

Cheers,

pascal.

Edited February 22, 2013 by PascalVG (see edit history)