custom swatch size

Hi,

I change my swatch size to XXL and it’s worked correctly, but I need bigger size, how can I add a new custom size ? Or how can I set the size of “XXL” to a new custom size please ?
Thanks.

Attachments:

You must be logged in to view attached files.

Hi rabia.guvendi,

Thanks for reaching to us.

Please try to add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS

[class*="wd-swatches"].wd-size-xxl.wd-shape-round {
    --wd-swatch-size: 150px;
}

[class*="wd-swatches"].wd-size-xxl .wd-swatch{
	width: var(--wd-swatch-size);
}

Regards,

Hi, thanks for your reply, I try to do your modification but nothing change.

I hope you can help me.

Thanks

Attachments:

You must be logged in to view attached files.

Hi rabia.guvendi,

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

https://www.teapoto.com/produit/code-rouge-confort-menstruel/

can we manage the size of the icons? make a PC size and a phone size?

Hi rabia.guvendi,

Thanks for details

Please remove previous Custom Code and try to add the following Custom CSS code to Theme Settings > Custom CSS > Desktop CSS:

[class*="wd-swatches"].wd-size-xxl.wd-shape-square {
    --wd-swatch-size: 150px;
}

[class*="wd-swatches"].wd-size-xxl .wd-swatch{
	width: var(--wd-swatch-size);
}

Regards,

[Author]

Posts