The product variation selection( want to use Highlighted box rather than underli

The product variation selection
I want to use Highlighted box rather than underlined,
Please see attachment
How to do it? seems no option in theme,
CSS?

Attachments:

You must be logged in to view attached files.

Product link as follow

Hello,

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

.swatches-select .woodmart-swatch:not(.colored-swatch) {
  border: 2px solid transparent;
    padding-left: 1px;
    padding-right: 1px;
}
.swatches-select .woodmart-swatch:not(.colored-swatch):hover,
.swatches-select .woodmart-swatch:not(.colored-swatch).active-swatch {
  border-color: black;
}

Best Regards

Added but seems nothing changed

Hello,

You are commenting the CCS not correctly http://prntscr.com/larwkk

Here is the correct one http://prntscr.com/larylo

Best Regards

Ok thank you
programming language mix up

You are welcome!

[Author]

Posts