[SOLVED]Misaligned Thumbnails and Title.

[MADCAN]

Hi All,

Back again to this excellent forum.........

So many questions.....

The subcatergories thumbnails are misaligned? Tried to resize images and nothing.

Plus the title/description at the bottom of the last 2 thumbnail are not showing. Can I get some help for this?  Check it here

 

Thanks....

 

Edited October 27, 2013 by MADCAN (see edit history)

[PascalVG]

in file: http://ams10.siteground.eu/~floresib/themes/theme653/css/global.css (line 811)

remove the line:

#center_column #subcategories ul li a {

 width: 60px;        <--remove this line (or change to 81px)

 display: block;

 padding: 21px 20px 21px 21px;

 text-decoration: none;

 color: #333;

 background: none;

}

 

and in same file, on line 809:

#subcategories ul li {

 float: left;

 margin: 20px 21px 0 0;

 height: 150px;               <- change this value to 150px

 border: 1px solid #e5e5e5;

 position: relative;

}

 

 

This should result in:

 

pascal

[vekia]

hello

i think that i replied somewhere in this case, am i right?

it's because there is not enoug space for this image and also for category name

 

moreover you've got there huge padding param for <a> element.

 

if i were you i will use this:

 

set up padding as: padding: 5px; in:

#center_column #subcategories ul li a {
width: 60px;
display: block;
padding: 21px 20px 20px 21px;
text-decoration: none;
color: #333;
background: none;
}

it's a global.css file line 811 (use padding:5px; instead of padding: 21px 20px 20px 21px;)

 

then in global css line 809

#subcategories ul li {
float: left;
margin: 20px 21px 0 0;
height: 115px;
border: 1px solid #e5e5e5;
position: relative;
}

add width:100px; change height from 115px to 145px;

instead of margin: 20px 21px 0 0; just use: margin:10px 10px 0px 0px;

 

 

then remove margin-left:10px; from:

#subcategories ul li a span {
height: 30px;
display: block;
padding: 10px 0 0 0;
font-weight: bold;
width: 100px;
;
}

ohh Pascal i saw that you replied right after my post

[PascalVG]

BTW, if you want the subcategories text centered, you can do this:

same file, line 813:

#subcategories ul li a span {

height: 30px;

display: block;

padding: 10px 0 0 0;

font-weight: bold;

width: 80px;

margin-left: -10px;

text-align: center;    <-- add this

}

 

 

(Hi Vekia, together we should give a perfect solution! :-)   )

[MADCAN]

WOW WOW,

Thank you Vekia & Pascal.....Really. Have a great Sunday.