[Support request] Remove mouse hover on product add-ons

[Matthew]

Hello,

I’m looking to remove the mouse hover on the product add ons.

Please see url – https://portraitsforpets.co.uk/product/the-moderne/

You will notice that when you hover over ‘background color’ or ‘frame’ it displays the price.
I’m trying to remove this hover on all product pages.

Any help is much appreciated.

Many thanks

Matt

[David]

Hi there,

the hover border can be eliminated with this CSS:

.wc-pao-addon-image-swatch:hover {
  outline: 1px solid #ddd !important;
}

To remove the price Tooltip you will need to ask the plugin developer how.

[Matthew]

Thank you so much David!

How can I change the border on selection?
So that its a solid colour once its been selected.

Many Thanks

Matt

[David]

This CSS Rules is what changes the selected color state:

.wc-pao-addon-image-swatch.selected {
    outline-color: #0f834d;
    outline-width: 2px;
}

[Author]

Posts