Return to previous page

Padding on shop page (between thumbnails)

This topic has 5 replies, 2 voices, and was last updated 4 years, 1 months ago ago by MarkStore

  • Avatar: MarkStore
    MarkStore
    Participant
    January 23, 2021 at 17:39

    Hello,

    I would like to reduce the padding (or maybe it’s margin?) between the thumbnails on my shop page, but only on MOBILE DEVICE.
    Reduce the space between the 2 columns, and between the rows also.

    Screenshot: https://paste.pics/BE17L

    I couldn’t find any settings on the theme customizer.
    Maybe you could help me with a CSS code snippet or something else?
    Thank you,

    Regards

    Please, contact administrator
    for this information.
    #269869 Copied Theme version: 7.2.3 WooCommerce version: 4.8.0
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 24, 2021 at 11:52

    Hello,

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

    .products-grid .product {
    padding: 0px 5px;
}
.products-grid .content-product {
    margin-bottom: 5px;
}

    Regards

    #269934 Copied
    Avatar: MarkStore
    MarkStore
    Participant
    January 24, 2021 at 13:27

    Thank you. It works nice!
    One last thing: I would like the PRODUCT TITLE to be closer to the thumbnails.

    Screenshot: https://paste.pics/BE89J

    Can I have an extra bit of CSS code for that also?
    Thank you,

    Regards

    #269943 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 24, 2021 at 15:31

    You’re welcome!
    Use this code also:

    .content-product .product-image-wrapper {
    margin-bottom: 5px;
}

    Regards

    #269956 Copied
    Avatar: MarkStore
    MarkStore
    Participant
    January 25, 2021 at 15:01

    That’s perfect, thank you very much!

    Regards

    #270078 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Padding on shop page (between thumbnails)’' 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
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Spa – 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.