Reduce space between product list grid

[mrchai]

Hello,

 

I cannot find solution to reduce space between product list grid. Could you give me advise? 

 

Thank you

 

[endriu107]

In file product_list.css for li element you need to add lowerr padding left or right, default it is 15 px, so search something like: #index ul.product_list.tab-pane > li and add there for example padding-right: 0 ;

[mrchai]

In file product_list.css for li element you need to add lowerr padding left or right, default it is 15 px, so search something like: #index ul.product_list.tab-pane > li and add there for example padding-right: 0 ;

Adding below #index ul.product_list.tab-pane > li nothing happen.

But I add this

  padding-right: 2px;
  padding-left: 2px;

into

/*******************************************************
Product list(Grid) Styles
********************************************************/
ul.product_list.grid > li {
  padding-bottom: 10px;
  padding-right: 2px;
  padding-left: 2px;
  text-align: left; }

It works. Thanks a lot endriu107