[Solved] Little problem with homefeatured module

[laurapessoa]

Hello,

 

I have a little problem with Homefeatured module, it doesn't show all the pics like a grid.

 

Here is the site: www.silvercrab.it

 

Thank you very much to everybody

Edited November 27, 2013 by laurapessoa (see edit history)

[vekia]

define height value for <li> element, for example: 300px; like below:

#center_column #featured-products_block_center ul li {

width: 136px;

padding: 10px;

margin: 10px;

position: relative;

border: 0;

-moz-transition: background 0.5s;

-webkit-transition: background 0.5s;

transition: background 0.5s;

height: 300px;

}

[laurapessoa]

Thank you for reply. In the homefeatured.css file I have this: 

#featured-products_block_center li {
	margin-right:10px;
	padding:10px 0;
	width:126px;
	height:240px
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center .s_title_block,  #featured-products_block_center h5 {
	padding-top:5px;
	height:30px;
	font-size:12px;
	color:#222;
	padding-bottom: 0;
	font-weight:bold;
}

#featured-products_block_center .product_image {
	display:block;
	position:relative;
	overflow:hidden
}
#featured-products_block_center .product_image span.new {
	display: block;
	position: absolute;
	top: 15px;
	right:-30px;
	padding: 1px 4px;
	width: 101px;
	font-size:10px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform: rotate(45deg);
	background-color: #990000;
	transform: rotate(45deg);  /* Newer browsers */
}

#featured-products_block_center .product_desc {height:45px;}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
	color:#666
}
#featured-products_block_center .lnk_more {
	display:inline;
	padding-right:10px;
	font-weight:bold;
	font-size:10px;
	color:#0088cc;
	background:url(img/arrow_right_1.png) no-repeat 100% 3px;
}
#featured-products_block_center .price_container {
	margin-top:10px;
	padding:0;
}
#featured-products_block_center .price {
	font-weight:bold;
	font-size:14px;
	color:#990000
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

I am not sure about what  <li> element I have to change. The first: #featured-products_block_center li ?

 

Thank you.

[NemoPS]

It seems you need to set it at line 14 of the theme's css... althought it' a bit crushed together. See if you can find

 

#center_column #featured-products_block_center ul li {

 

On that file, named 565.css (http://www.silvercrab.it/themes/565/themecore/css/565.css)

[laurapessoa]

Thank you very much, Nemo1. Now it works perfect!