Return to previous page

Space between products - by Yusuf Moolla

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

  • Avatar: Yusuf Moolla
    Yusuf Moolla
    Participant
    January 26, 2021 at 08:29

    hi i would like to reduce the space between products from this https://ibb.co/5vNWG7w to this size https://ibb.co/qsWVCnG on mobile.

    Please, contact administrator
    for this information.
    #270186 Copied Theme version: 5 WooCommerce version: 5
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 26, 2021 at 10:26

    Hi,

    Add the next code in Theme Options > Theme custom CSS > Custom CSS for mobile:

    .products-grid .product {padding-right: 5px;padding-left: 5px;}
.products-grid .content-product {
    margin-bottom: 10px;
}

    Regards

    #270222 Copied
    Avatar: Yusuf Moolla
    Yusuf Moolla
    Participant
    January 26, 2021 at 10:32

    and will it also be possible to hide hover effect on mobile only

    #270227 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 26, 2021 at 11:05

    Could you provide a screenshot for better understanding?

    Regards

    #270237 Copied
    Avatar: Yusuf Moolla
    Yusuf Moolla
    Participant
    January 26, 2021 at 11:49

    https://ibb.co/tz12PWp see screenshot ,when scrolling this keeps happening to product grid . i think its the hover effect, I am not sure what it is

    #270258 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    January 27, 2021 at 08:02

    Hello,

    Go to Theme Options > Additional CSS > find below custom code that you added code and remove it

    .products-loop .product:hover, .carousel-area .product-slide:hover {
    background-color: white;
}

    Regards

    #270424 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Space between products’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – 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.