Changing the Underline Hover and Active Swatch Color

How do you change the color of the underline (border-bottom) color of the hover and active swatch? I tried this, and it did not work.

.swatches-select .woodmart-swatch:not(.colored-swatch){
	border-color: #8eb54b;
}
.swatches-select .woodmart-swatch:not(.colored-swatch):hover,
.swatches-select .woodmart-swatch:not(.colored-swatch).active-swatch {
  border-color: #8eb54b;
}

It is still defaulting to black. Now that the theme is changed to dark, the active/hover indicator is hard to see.

Please advise. Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

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

.woodmart-swatch:after {
    border-color: white;
}

Replace the color as per your needs.

Best Regards

Thank you for your help.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts