Return to previous page

Product layout spacing - by vincentdv - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 4 years, 4 months ago ago by Rose Tyler

  • Avatar: vincentdv
    vincentdv
    Participant
    March 16, 2021 at 08:40

    Hi good day.

    Let say I would like to set 3 products per row, may I know is there any way to adjust the spacing between products? I tried putting 1 product widget in whole row using backend editor, yet I can’t find the way to adjust spacing between products.

    Currently in backend editor, I separate one row into 3 column and put 3 product widgets, each show 1 product.

    May I know is there any other way to achieve this?
    I saw that xstore Englsih Tea demo, each product has a border and shadow, may I know how to achieve that as well?

    Thank you

    #279500 Copied Theme version: 7.4.2
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 16, 2021 at 14:41

    Hello,

    1) If you are using 1 Products widget, you may use custom CSS code to change the spacing between products. For example – http://prntscr.com/10n9pin
    2) The Tea demo uses the next code in Theme Options > Theme custom CSS:

    .content-product {
    box-shadow: 1px 1px 18px #efecec;
    padding: 20px 15px;
}

    http://prntscr.com/10n9qz5

    Regards

    #279569 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Product layout spacing’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Perfume – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Finances – 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.