Return to previous page

Can i change the Variation swatches size

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

uspolo

Participant

February 12, 2024 at 14:14

Can i make the Variation swatches bigger or in a rectangulair shape in the prodct page ?

#383162 Copied Theme version: 9.2.8

8 Answers

Rose Tyler

Support staff

February 12, 2024 at 14:47

Hello,

Thank you for reaching out to us with your query regarding the variation swatches on the product page.

Your site is under maintenance mode, so we can’t check it.

Could you please provide temporary wp-admin access and the URL of the variable product?

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

#383173 Copied

uspolo

Participant

February 13, 2024 at 12:25

Okey ill send them in private

Please contact administrator
for this information.

#383247 Copied

uspolo

Participant

February 13, 2024 at 12:27

and this the product, i want to chnge the size of the variation swatches :
https://masterlook-dz.com/product/orenda-3pr-beiges-101391816/

#383248 Copied

Rose Tyler

Support staff

February 13, 2024 at 14:05

Hello,

We appreciate your prompt response.

Could you please provide us with the URL of the page containing the login form?

Best Regards,
8Theme’s Team

#383258 Copied

uspolo

Participant

February 13, 2024 at 14:55

ok

Please contact administrator
for this information.

#383264 Copied

Rose Tyler

Support staff

February 13, 2024 at 15:24

Hello,

We regret to inform you that the link you have provided redirects us to a maintenance page https://prnt.sc/Jb4W6MjDpkZg , as a result, we are unable to view the login form. Kindly disable this temporarily.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#383268 Copied

uspolo

Participant

February 13, 2024 at 15:34

Ah OK, i have disabled the maintenance mode now

#383270 Copied
Rose Tyler

Support staff

February 13, 2024 at 16:32
Hello,

We appreciate your prompt response.

We would like to inform you that the following CSS code can be inserted into the Theme Options under the ‘Theme Custom CSS’ section to achieve the desired styling:
```
.single-product ul.st-swatch-size-large li.type-label>span {
    padding: 30px;
}
.single-product ul.st-swatch-size-large li.type-label span {
    font-size: 2em;
}
```
You can view the expected outcome at this link: https://prnt.sc/OavMnsGgNO7K

Should you require any further assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#383275 Copied
Tagged: adjust woocommerce swatches size, change woocommerce swatches dimension, customize woocommerce variation size, modify woocommerce swatches size, resizing woocommerce variation swatches, woocommerce variation swatches size, wordpress woocommerce swatches size
Viewing 9 results - 1 through 9 (of 9 total)