Product Grid Spacing , Overlay Speed , and

[amrit02]

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.

[Rui Guerreiro – SUPPORT]

Hi,

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

-Rui

[amrit02]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Add the code below to your custom css option.

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

-Rui