How to change the hover color of products of payment form?

  • Profile Image
    Del087
    Asked on March 08, 2016 at 06:23 AM
    Secondly, I can't seem to figure out how to change the text color associated with each image.  Prior to hovering over the item, the text color is white and when hovering, it turns to black.  I would actually like the complete opposite of this or have the text stay consistently white.  Lastly, if you look at the very first item, there is some text behind the size drop down.  It looks like it might say "Item sub-total".  I want to get rid of this text.  Any and all help with these issues would be appreciated.  Thank you for your time.   
  • Profile Image
    Mike_G
    Answered on March 08, 2016 at 11:21 AM

    The CSS code below when added to your form will make the text consistently white.

    .form-product-item:hover .form-product-name, .form-product-item:hover .form-product-details{color: white !important;}

    However, the CSS code below will make the text black prior to hovering and white when hovered.

    .form-product-name, .form-product-details{color: black;}

    .form-product-item:hover .form-product-name, .form-product-item:hover .form-product-details{color: white !important;}

    How-to-Inject-Custom-CSS-Codes

    With regards to the text behind the size drop-down of the first item, I can't seem to find it or I'm not seeing the text "Item sub-total". If you can post a screenshot, that would be great. 

    Thank you.