Return to previous page

How do i adjust gaps between product on shop page

This topic has 2 replies, 2 voices, and was last updated 1 months ago ago by Tony Rodriguez

king457

Participant

October 23, 2024 at 09:18

How do i adjust gaps between product on shop page
https://prnt.sc/sOjtAMDRySLU

#420110 Copied

1 Answer
Tony Rodriguez

Support staff

October 23, 2024 at 09:33
Hello, @king457,

Thank you for contacting us and for using XStore.

Please try adding the following CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.etheme-product-grid-bordered:not(.type-slider) {
    column-gap: 10px !important; 
}
```
You can change the column-gap value as per your requirement.

We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

Best Regards,
8Theme’s Team
#420112 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

Restaurant – WordPress Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Yoga Accessories – WordPress WooCommerce Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Headphone Store – WordPress WooCommerce Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Minimal Fashion 03 Store – WordPress WooCommerce Theme

lazy-placeholder

Agricultural Store – WordPress WooCommerce Theme

lazy-placeholder

Sneakers Store – WordPress WooCommerce Theme

lazy-placeholder

Lawyer – 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.