CSS Hover Effect on info-box but Distinct Colors

162 Views Asked by At

I was migrating a website from Wix to Wordpress, and I was using LC page builder.

When it came to the infobox, I saw the wrapper didn't have any hover bg color, so I created it with custom CSS, but when I checked the Wix website again, I saw that the color changes only for hover on the wrapper but not on the button.

I used this CSS code:

#dslc-module-ff03d9andc .dslc-info-box .dslc-info-box-wrapper:hover {
    background-color: #cc8419;
}

Now, since the button is part of info-box, I can't only pick the hover effect on the wrapper (if I can, please tell me).

How can I apply the hover effect on the wrapper of 1 color and the wrapper color hover effect when I hover on a button? The other choice could be the hover effect only on the wrapper, but when I hover on the button, the wrapper returns to it's original bg color.

0

There are 0 best solutions below