How to change attribute to look like in the attachment picture?

Hi, I want to change kg/size attribute to look like in the picture.

Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL so that we could provide you with custom CSS. If your site is under maintenance, please provide your site admin access in the private area

Best Regards

Hi, thanks for the reply, site admin access is in the private area,

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woodmart-swatch.text-only.active-swatch {
border:2px solid red;
padding:5px 15px; 
border-radius:30px;
}
.woodmart-swatch.text-only:hover:after {
    opacity: 0;
}
.woodmart-swatch.text-only {
border:2px solid #cecece;
padding:5px 15px; 
border-radius:30px;
}

Best Regards

Hi Elise, I add it the code, but it didn’t change anything! please take a look at this page:

https://munchiespetshopcr.com/producto/taste-of-the-wild-prey-adulto-carne-de-angus/

Thanks in advance for your help.

Hello,

Please configure your Presentación as a test swatch. Please find the instruction: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards

[Author]

Posts