Hi

I am building a website in Wordpress using the Phlox theme and Woocommerce.

On the product pages, where the sizes appear there is a small grey circle behind each size, but some of the text is bigger that the grey circle, please see an example page below:

https://dsntrendz.com/product/off-shoulder-playsuit-red/

Can anyone advise me how to correct this or remove the grey circles altogether

 

Regards

Dave Rudge

 

 

 

.tawcvs-swatches .swatch-label {background-color: none;}

But you will need to disable minify first.

And really reconsider which theme you use. Phlox is as slow as slow thing on slow mode.

Tests give that page and 8 second load time. A good woo site will load a product page in under a second.

Hi Fisicx,

Thank you for your reply

Do I add the line below to additional css?

.tawcvs-swatches .swatch-label {background-color: none;}

Can you recommend any good themes that use Elementor page builder?

Regards

Dave

Elementor is about as bad as it gets.

Learn how to use Wordpress blocks and you don’t need elementor.

You add all your styles to the additional css.

Hi Fisicx,

Thank you for your reply

I will certainly have a look at Wordpress blocks

I have added the code but it has not changed anything, please see that attached screenshot

 

Regards

Dave

Did you disable the minimiser and clear cache?

I changed the style using the code inspector and the grey circles disappeared.

Hi, 

I am totally stumped, I have no idea why it will not work for me.

I have added the code, see attached image, 

I turned off minify options and even disabled the plugin but still the grey circles are there, I even looked on another browser

Dave

Hi Fisicx,

Thank you for your help on this issue,

I have sorted it now, I had to change the code to show the colour as #ffffff  instead of none

I only have one more issue to sort out on that site now

I will post a new topic for it

Is there a way to change an open topic on here to resolved.

Dave