Return to previous page

Products Grid - by Nuno Pereira - on WordPress WooCommerce support

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

  • Avatar: Nuno Pereira
    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
    Avatar: Olga Barlow
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Purely Handmade – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Typography – 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.