Archived topic

Remove mouse hover on product add-ons

3 replies · Started by Matthew on February 6, 2021

Viewing posts 1–4 of 4

February 6, 2021 at 2:59 am #1647848

Hello,

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

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

February 6, 2021 at 5:50 am #1647967

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.

February 8, 2021 at 1:30 am #1649884

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

February 8, 2021 at 3:48 am #1650032

This CSS Rules is what changes the selected color state:

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

This archived topic is closed to new replies.