CSS to remove hover background

Hi there,

Try this:

.wp-block-affiliate-plugin-lasso a:hover {
    background-color: unset;
}

Hi Ying -

Thank you for the quick response. I added that CSS but still seeing the green hover.

Can you try this:

.wp-block-affiliate-plugin-lasso .lasso-list .lasso-container a:hover {
    background-color: unset;
}

If it still doesn't work, change unsetto unset !important.

Let me know :)

Thanks Ying. That did the trick for the list, but not the product box themselves. I tried both unset and unset !important

Option 1: try this:

.wp-block-affiliate-plugin-lasso a:hover {
    background-color: unset !important;
}

Option 2:

change this CSS:

.entry-content a:hover {
    background-color: #0be6af;
}

to this:

.entry-content a:hover:not(.wp-block-affiliate-plugin-lasso a) {
    background-color: #0be6af;
}

Thanks Ying.

The only remaining this now is when I hover over the "buy now" it turns totally white.

https://imgur.com/a/BL7SSmD

Hum.. try the option 2 mentioned here: https://generatepress.com/forums/topic/css-to-remove-hover-background/#post-2097707

That seems to have worked. Thank you so much.

Great! You are welcome :)