[Derek Bess]

Does anyone know what the css class is for the yellow hover on terms and condition? Basically a yellow background appears when you hover over the "continue button" when the checkbox is not selected. I want to change the color of the hover, just can't find the css class.


Thanks!

[Matt K]

Originally Posted by Derek Bess

Does anyone know what the css class is for the yellow hover on terms and condition? Basically a yellow background appears when you hover over the "continue button" when the checkbox is not selected. I want to change the color of the hover, just can't find the css class.


Thanks!

Hello,

The "Terms and conditions" box on the cart page is placed in the div element with CSS class 'ecwid-productBrowser-cart-termsCheckbox'. When you mouse over the 'Checkout' button without ticking the "I agree.." checkbox, another class is added to that element: "ecwid-productBrowser-cart-termsCheckbox-rollover". Thus, in order to change its background, you will need to use the code like this in your custom CSS theme:

div.ecwid-productBrowser-cart-termsCheckbox-rollover {
  background-color: #ffaabb;
}

Please replace the '#ffaabb' value with a desired color code.

Please also refer to this article:
How do I know CSS style name for the design element I want to change?