• 

  vincentdv

  Participant

  March 16, 2021 at 08:40

  Hi good day.

  Let say I would like to set 3 products per row, may I know is there any way to adjust the spacing between products? I tried putting 1 product widget in whole row using backend editor, yet I can’t find the way to adjust spacing between products.

  Currently in backend editor, I separate one row into 3 column and put 3 product widgets, each show 1 product.

  May I know is there any other way to achieve this?
  I saw that xstore Englsih Tea demo, each product has a border and shadow, may I know how to achieve that as well?

  Thank you

  #279500 Copied Theme version: 7.4.2

  1 Answer

  

  Rose Tyler

  Support staff

  March 16, 2021 at 14:41

  Hello,

  1) If you are using 1 Products widget, you may use custom CSS code to change the spacing between products. For example – http://prntscr.com/10n9pin
  2) The Tea demo uses the next code in Theme Options > Theme custom CSS:

  .content-product {
      box-shadow: 1px 1px 18px #efecec;
      padding: 20px 15px;
  }

  http://prntscr.com/10n9qz5

  Regards

  #279569 Copied