Spaces between widgets and items

• 

  shbilalcom · Member · Jun 30, 2015 at 11:33 am

  • Copy link
  • Add topic to favorites

  i am using divi elegant theme and there is too much spaces between all the items i posted and in widgets tried to search topic for reducing spaces between widgets but nothing worked.

  The blog I need help with is: (visible only to logged in users)

• 

  staff-jeanpierreac · Staff · Jun 30, 2015 at 1:24 pm

  • Copy link

  Hi there.

  First thing you can try is to reduce bottom margin of each widget. Currently it is a little bit more than 13%.

  .et_pb_gutters3 .et_pb_row .et_pb_column_single.et_pb_column_1_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_single.et_pb_column_1_4 .et_pb_module {
      margin-bottom: 3%;
  }

  and this other margin inside (currently a little bit bigger than 26%)…

  .et_pb_gutters3 .et_pb_column_1_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget, .et_pb_gutters3 .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_widget, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_widget, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product {
      margin-bottom: 6%;
  }

  And, a little bit between your images:

  .pt-cv-content-item {
      padding-bottom: 0;
  }

  I hope this helps. Make us know if you need to gain more space.