Return to previous page

How to make the variation size in a single product bigger

This topic has 5 replies, 4 voices, and was last updated 1 months, 1 weeks ago ago by Andrew Mitchell

Ombi

Participant

October 12, 2024 at 11:12

Hello,

I’m having trouble finding a feature to set the box size for product variations, I want to make it bigger like this site.

https://sohnne.com/product/lc4-chaise-lounge-replica/

Please, contact administrator
for this information.

#418387 Copied

4 Answers

Tony Rodriguez

Support staff

October 12, 2024 at 12:32

Hello, @Ombi,

Thank you for contacting us and for using XStore.

Kindly follow the steps below to update the swatch size in the XStore Builder:

1. Navigate to **XStore Builders** > **Single Product Builder with Elementor**.
2. Select **Edit Template**.
3. Locate and edit the **Add to Cart/Buy Now** widget.
4. Choose the **Large** option for the swatches size and update the changes.

For your reference, please see the image provided in the private content area.

We hope this information is helpful. Should you have any further questions, feel free to reach out.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#418392 Copied

Ombi

Participant

October 12, 2024 at 13:00

It has succeeded in enlarging but not big enough, and how can it change its position to the left? like the site in the example?

and can I display this variant for simple products?

#418395 Copied
Luca Rossi

Support staff

October 14, 2024 at 06:47
Hi @Ombi,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
body.single-product ul.st-swatch-size-large li.type-color {
    width: 100px;
    height: 100px;
}
```
https://prnt.sc/HJhk2g37YxDU

In the screenshot we sent, we could see that the color variations are already on the left now.

Can you confirm?

Thank you!
#418479 Copied
Andrew Mitchell

Support staff

October 14, 2024 at 16:27

Dear Ombi,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

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

The issue related to '‘How to make the variation size in a single product bigger’' has been successfully resolved, and the topic is now closed for further responses

How to make the variation size in a single product bigger

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection