How can I change the size of the image?

Don’t change the plugin’s files directly. Additional CSS code like the following example should work:

.variations .tawcvs-swatches .swatch {
	width: 70px;
	height: 70px;
}

Hi @marc_j

Code above works perfectly.
Is there a possibility to center the text also? The text is now appearing at the top of the circle, if i make the circle larger.

Thankyou!

Hi @justinvdhoek,

I’m using line-height for the labels:

.variations .tawcvs-swatches .swatch {
	width: 70px;
	height: 70px;
	line-height: 64px;
}

Best,
Marc

@marc_j

your code work perfectly.
but in my case, only the circle get bigger.
The image inside the circle still on the same size as default

can you help me how to change this image into larger?

Hi @rizaldi160497,

maybe your images are smaller and only display at their original size. Can you provide a direct link to your website? Maybe I can provide a CSS code solution.

Best,
Marc

• This reply was modified 7 years, 4 months ago by Marc_J.

Hi @marc_j,

here is the link of my website..
https://tamariskflorist.com/product/papan-test/
i manage to change the circle and the image size
can you help me how to change the cicle to square maybe?

Thanks you..
Rizaldi

Hi @rizaldi160497,

you can add the following CSS property to the code mentioned above:

border-radius: 0;

The images will now be displayed as rectangles.

Best,
Marc