ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• January 25, 2017 at 2:47 pm #311380
  amrit02

  Member

  Post count: 46

  Hi,

  1. I have previously made a product category page , with products having no spacing between them (see image attached). Im using the code:

  .woocommerce .products-full-width .product-grid ul.products li.product {
      padding:0 !important;
  }

  I would now like to add spacing between them. I tried removing the CSS code above or changing the values but the changes do not reflect on the page. How do i fix this?

  2. There is a transition on each product of the page (to a different image). Currently the transition appears to fade-in and out. How do i make it an instant transition (no fade)?

  Thanks

  Attachments:

  You must be logged in to view attached files.
  January 26, 2017 at 9:36 am #311472
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Just need the url of the page in your screenshot.
  Thanks

  -Rui

  January 26, 2017 at 11:09 am #311484
  amrit02

  Member

  Post count: 46

  This reply has been marked as private.
  January 27, 2017 at 8:04 pm #311697
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Add the code below to your custom css option.

  .woocommerce ul.products li.product.product-display-standard {
      padding: 5px!important;
  }

  -Rui

• Back to forum

  Posted in: Atelier