It sounds like CSS from the WordPress theme you're using may also be affecting the appearance of some elements of the cart. This seems to be the relevant part from your http://autonomousblog.com/wp-content/themes/idream/style.css file:



input[type=text], input[type=password], input[type=file], select, textarea {

border: 1px solid #858a8e;

background-color: #c9ccd0;

color: #333333;

background-image: url(images/inputbg.png);

background-position: 0px 0px;

background-repeat: no-repeat;

}



I think if you just delete the line "background-color: #c9ccd0;", that should fix the problem you described.

Hm, I'm still seeing the line "background-color: #c9ccd0;" in your site's style.css file, so perhaps when you removed that, the modified file didn't actually get saved/uploaded to your site somehow? After you edit, save and upload the modified style.css file to your site, you may need to hold the Ctrl key when you click Refresh (or Ctrl-F5, same thing), to make sure your browser re-downloads a fresh copy of everything in the page.



If that still doesn't seem to resolve the problem, could you provide the URL of a page where the problem is occurring, so we could examine what might be going on there?

Hm, that URL just says I do not have permission to view drafts, so you'll need to make a publicly-visible post for us to see. Maybe you can set the date to make it a really "old" post that nobody's likely to see if they're not digging for it?



I'm still seeing that "background-color: #c9ccd0;" line in your site's style.css file. In that particular section of CSS code, all that line does is color the background of text-input boxes grey, so you can safely delete it and leave it that way without messing anything up.

Oh, sorry; I'd thought you were referring to text-entry fields in the cart (such as where a buyer would edit quantity or enter a discount code), but now I see it's actually the table cells that have a dark grey background. In your style.css, about 10 lines from the very bottom, you'll find this line:



table td{background-color:#3f4248;}



Deleting that line ought to do the trick. :^)

There's still a "c9ccd0" value somewhere in your CSS settings that would be causing this, unfortunately I'm not as well versed in CSS as the Guru but I would recommend searching for that value in your CSS settings and changing it to a different color.



For example "CCCCCC" would be a light gray and "FFFFFF" would be white.

Near the end of your style.css, I think this is the line causing the darkened background on hover:



table tr:hover td{background-color:#25272b;}



Delete that line, and you should be all set. :^)