fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

I can’t need to change in CSS

Diego Boria

Hi, i can’t change the border of variation in css. I tried with all codes but i couldnt.
I need to change the radius and I need to change the color without affecting the style of the variations on the product page.
I also need to remove the check.

Thanks!

Hakik Zaman

Hi Diego,

You can try the following CSS and change the values as per your need-

.woo-variation-swatches.post-type-archive .variable-items-wrapper .variable-item:not(.radio-variable-item) {
border-radius: 50%;
overflow: hidden;
}

Thank You

Diego Boria

Hi Kakik,

no, it doesn’t work. I had the same code.

Hakik Zaman

Hi Diego,

Your example link doesn’t work- https://paste.pics/QU3LU

I already gave you a sample code. Please follow the code to match your requirements by following the given CSS.

It is beyond our support scope when you need more customizations.

Thank You

Hakik Zaman

Hi Diego,

Yes, try it! But it doesn’t work on the categories page or the products archive. It only works on the store page.

I can see it is working on all the pages- https://www.loom.com/share/3abeb634542a4bada42073b41554b9fc

I have modified it slightly here-

.woo-variation-swatches.archive .variable-items-wrapper .variable-item:not(.radio-variable-item) {
border-radius: 50%;
overflow: hidden;
}

Thank You

Diego Boria

Yes Hakik, I tried it on another laptop and everything works. On the notebook I was using, nothing is changing, it must be a cache issue. Apologies, and thank you for your time.