space top , space bottom of contents in home page are far too.

I want to pull up space of block content in homepage, it is space from "Categories homepage" to "Featured products" for example. i can not find in style.css I'm using defaulthem.

Can you help me?

thank you.

below is sreen i uploaded:

tuanlq wrote:

do not duplicate posts

Use css:
now you can find

.home-page .product-grid .item-box,
.product-details-page .product-grid .item-box,
.shopping-cart-page .product-grid .item-box {
  width: 24%;
  margin: 0 0.5% 50px;
}

Just edit it if you need.

Thank you very much. I will customize my css like guide of you.

best regard!

I've found that code of you in css files, but I still can not modify for spaces shorter. Can you guide more detail?

Thank you for your help.

AlexGT wrote:

In my opinion you should try to change the last margin value.

For example:
.home-page .product-grid .item-box,
.product-details-page .product-grid .item-box,
.shopping-cart-page .product-grid .item-box {
  width: 24%;
  margin: 0 0.5% 0;
}

Please tell me if this helped :)

Best regards,
Patryk

I have changed code as below:

.home-page .product-grid .item-box,
.product-details-page .product-grid .item-box,
.shopping-cart-page .product-grid .item-box {
  width: 24%;
  margin: 0 0.5% 0;

  margin-top:0px;
  margin-bottom:0px;

}

but still not change in home page. I think the problem is somewhere!

thank you for your help

Maybe there's another style overriding that one?  Slap an !important at the end to be sure.

Also, you're going to want to adjust the margins on .news-list-homepage as well.