Return to previous page

How can i edit product image spacing? Thanks for quick reply!

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

Nicolo

Participant

July 30, 2023 at 10:58

How can i edit product image spacing?

Thanks for quick reply!

#363241 Copied Theme version: 9.1.11

7 Answers

Rose Tyler

Support staff

July 30, 2023 at 12:16

Hello, Nicolo,

Thank you for contacting us and for using XStore.

Do you mean products on the Shop page? Theme Options > WooCommerce > Shop > Products design > Products No Space > On.
There are no additional options for this.

We hope this information is helpful.

Kind Regards,
8theme team

#363248 Copied

Rose Tyler

Support staff

July 30, 2023 at 16:08

Hello, Nicolo,

Please reply back here, not by email.

By default image spacing on the Shop page is 30px, for example, https://xstore.8theme.com/product-category/all/ , but in your case, the space is large because of product image proportions.
Please try to activate “Stretch Image” in Theme Options > WooCommerce > Shop > Products design.

Private Content.

Kind Regards,
8theme team

Please contact administrator
for this information.

#363263 Copied

Rose Tyler

Support staff

July 30, 2023 at 16:10

After following the recommendations from our latest response, please let us know the desired product image spacing value.
The default 30px value can be changed for Shop using custom CSS code.

Kind Regards,
8theme team

#363265 Copied

Nicolo

Participant

July 30, 2023 at 16:29

s

#363267 Copied

Nicolo

Participant

July 30, 2023 at 16:30

I just want it back to default please.
Thanks alot

#363268 Copied

Nicolo

Participant

July 30, 2023 at 16:32

Can you assist on the custom css code?

#363269 Copied
Rose Tyler

Support staff

July 30, 2023 at 18:14
Hello, Nicolo,

“I just want it back to default please.” – as we can see, the space between products is already 30px. Have you sorted it out?

“Can you assist on the custom css code?” – yes, here is an example of code, that you can add into Theme Options > Theme Custom CSS:
```
.product {
    padding: 0px 5px !important;
}
```
Kind Regards,
8theme team
#363271 Copied
Tagged: edit, image, product, spacing, themes, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)