Return to previous page

Products Grid - by Nuno Pereira - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 3 years, 6 months ago ago by Olga Barlow

Nuno Pereira

Participant

September 28, 2020 at 11:07

Hello,

Currently my product catalog is looking this https://ibb.co/Fsn9cyx
with margin between each product.

But my client wants something like the Gucci website: https://ibb.co/VxL5mVT

No margin between the images. How can I edit the CSS in order to achieve this design.

Thank you. Best regards

Please, contact administrator
for this information.

#252961 Copied Theme version: 7.0.2

1 Answer
Olga Barlow

Support staff

September 28, 2020 at 15:02
Hello,

Replace the custom
```
.content-product {
    margin-bottom: 30px;
    position: relative;
    border: 2px solid #fff;
}
```
By the
```
.products-loop .product, .carousel-area .product-slide {
    margin-bottom: 30px;
    position: relative;
    border: 2px solid #fff;
}
.carousel-area .product-slide {
    margin-right: 0 !important;
}
```
Regards
#253009 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Legenda – E-Commerce and Corporate PSD Theme

lazy-placeholder

Gym Store – WordPress WooCommerce Theme

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Underwear – WooCommerce Theme

lazy-placeholder

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Kidsstore – WooCommerce Theme

lazy-placeholder

Dokan Multivendor Marketplace – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.