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 hours, 35 minutes 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

Hosting Store – WordPress WooCommerce Theme

lazy-placeholder

Skate – WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Niche Market 02 – Multivendor WP WooCommerce Theme

lazy-placeholder

Games Dark – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Corporate – WordPress WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – 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.