Jump to content

Spacing Problem Home Featured Products Block


Recommended Posts

Hi everyone,

 

When removing items from my Home page Featured Products block, and adding new ones, there's a space created where the old products where, and the new products go to the bottom, instead of taking that space.

 

I rearrange the order, through the back office, categories, dragged the products and moved them in the order I wanted, and still the space is there.

 

There are 12 products in total. It's supposed to be 3 rows by 4 columns.

 

It is showing the first row of 4 products with 2 products: the second row with spots 5 & 6 left blank, and spots 7 & 8 with products...

 

and so on for the rows below.

 

Any help please?

 

Here's a screenshot.

post-459928-0-13029000-1376151917_thumb.jpg

Link to comment
Share on other sites

hello

 

it's because the blocks with "add to cart" button have got different height than blocks without it.

with add to cart button: 239px;

without button: 238px;

 

 

what to do? change the height manually.

 

add height:239px; param to:

 

#featured-products_block_center li {

background-color: #DDECF3;

border-radius: 13px 13px 13px 13px;

display: inline-block;

float: left;

margin: 5px 10px 5px 0;

padding: 12px 0;

position: relative;

text-align: center;

vertical-align: top;

width: 180px;

height: 239px;

}

 

in the file: themes/PRS050105/css/modules/homefeatured/homefeatured.css

  • Like 1
Link to comment
Share on other sites

That worked immediately. Thank you so much Vekia.

 

Now I need to fix my USPS module because it is not calculating the rates well domestically and internationally, and I as a priority I need to make my site faster because it is too slow.

 

Any suggestions as to where to look in the right direction? Any help is appreciated.

 

Thanks!

Link to comment
Share on other sites

  • 1 year later...

vekia help me please!

need solve problem with spacing of home featured

giftchest.ru

 

hello

it's because the blocks with "add to cart" button have got different height than blocks without it.
with add to cart button: 239px;
without button: 238px;


what to do? change the height manually.

add height:239px; param to:

#featured-products_block_center li {
background-color: #DDECF3;
border-radius: 13px 13px 13px 13px;
display: inline-block;
float: left;
margin: 5px 10px 5px 0;
padding: 12px 0;
position: relative;
text-align: center;
vertical-align: top;
width: 180px;
height: 239px;
}

in the file: themes/PRS050105/css/modules/homefeatured/homefeatured.css

 

i have problem same this, but this solution not work for me

my site: giftchest.ru

please help!!!

Link to comment
Share on other sites

  • 1 month later...

vekia help me please!

need solve problem with spacing of home featured

giftchest.ru

 

 

i have problem same this, but this solution not work for me

my site: giftchest.ru

please help!!!

global.css

increase height param in:

 

div#featured-products_block_center ul li {
width: 214px;
height: 287px;
float: left;
margin: 43px 15px 0 0;
position: relative;
}
Link to comment
Share on other sites

  • 1 year later...
×
×
  • Create New...