2 / 4
Jun 2010

For some reason in my Discount code box the text is white with a white background. Buyers can't see what they are typing in. I beleave that my websites css code is afecting the cart some how. Is there anyway to change the colour?

  • created

    Jun '10
  • last reply

    Jun '10
  • 3

    replies

  • 1.1k

    views

  • 2

    users

  • 1

    link

Since the overlay style card renders "inside" your page, it inherits CSS from the page it's in. I found this declaration in your style.css file that makes the text white in all form fields:



textarea, input {

background:#333;

border-color:#555 #555 #555 #555;

border-style:solid;

border-width:1px;

color: #fff;

}



Adding a declaration to override that for input fields which are inside the cart's main DIV should do the trick:


EJEJC_window input {

color: #000;<br />

}



Handy tip: To figure this out, I used the View Source Chart extension for Firefox on your page while the cart was displayed, so I could examine the cart's HTML structure and tailor CSS accordingly.