Font color issue

Ok this is funny because I usually dont run into issues like this but I think I have alterd every color variable on the color.css file.
Here is a link to give you an idea of the issue Im having. If anyone has any clue as to where this varable is in the CSS PLEASE tell me :)

http://poppyspopcorn.com/cart/index.php?main_page=discount_coupon

I really need the white to change to black. This is like the last thing I need to change on the site before I submit it to my client and Im going to pull my hair out

Bryan

-Disregard... I see the form background color now

On this page it is where it sais "Look-up Discount Coupon ..."

What would that variable be called site wide?

lol..Im gonna scream! :)

Sorry, I'm confused. Did you want to change the "Look Up Discount" color?

Yeah, you do.. I just read your subject line and I'm mental. lol

Click here. We have to fix your input fields too, in FF, they show black and text cannot be viewed. Stay tuned. :thumbsup:

My window of post editing had closed. So, this will cure your text input fields to be cross browser compatible:

In your template CSS folder, find a.category-links(just below "Links"). From there, find the attribute textarea:focus and adjust the background-color from #00000 to #FFF .

Remember to use my tip that I stated within that link provided to you to help you with your original question, that will make the borders conform colors. :yes:

Do you think I should change the background color? I was just trying to change the text from white to black :)

If someone is using FF and tries to input text.. it won't show up. If you were to change only the input text to white, then peeps with IE won't see it. It's kind of a catch 22(whatever that really means).

Thank you so much for all your help!

One last thing, Which CSS file would this be located in?

I have

stylesheet.css
Layout.css
colors.css
print_stylesheet.css

:)

You're welcome. Sorry, I forgot to state the CSS file names.. the fix for your "text input" is to go into colors.css and the "legend" fix is to go into stylesheet.css.

Ok I knw its alot but can you see where in this CSS you could change that?

/* Color Styles */

body { background-color: #FFF; color: #000; }
#container { background-color: #34352D; color: #000; background-image: url(../images/pagebg.jpg); background-repeat: repeat-x; }

/***************
Links
*************/
a { color: #000000; font-weight: bold;}
#navEZPagesTOC ul li a { color: #000000;}
a:visited { color: #000000;}
a:hover, #navEZPagesTOC ul li a:hover, /#navMain ul li a:hover, #navSupp ul li a:hover,/ #navCatTabs ul li a:hover { color: #000000; }
#navMain ul li a:link, #navSupp ul li a:link, #navMain ul li a:visited, #navSupp ul li a:visited, #navMain ul li a:active, #navSupp ul li a:active { color: #000;}
#navMain ul li a:hover, #navSupp ul li a:hover { border-bottom: 1px dotted #FFF;}
a:active { text-decoration: none; }
a.category-links:hover, #categoriesContent a:hover, a.sideBoxContent:hover, a.category-top:hover, #ezpagesContent a:hover, #whatsnewContent a:hover, #reviewsContent a:hover, #informationContent a:hove, #moreinformationContent a:hover, #productnotificationsContent a:hover, #informationContent a:hover { color: #000; }
input:focus, select:focus, textarea:focus { background-color: #000000; color: #000000; }
FIELDSET { border: 1px solid #cccccc; }
HR { border-bottom: 1px solid #9a9a9a; }

/warnings, errors, messages/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { border: 1px solid #000000; }
.messageStackWarning, .messageStackError { background-color: #ff0000; color: #000000; }
.messageStackSuccess { background-color: #99FF99; color: #000000; }
.messageStackCaution { background-color: #FFFF66; color: #000000; }

/wrappers - page or section containers/
#contentMainWrapper { background-image: url(../images/contentrepeat.jpg); background-repeat: repeat-y; }

/********************
top Navigation
********************/
#navMain { background-color: #FFFFFF; background-image: url(../images/topmenubg.gif); background-repeat: no-repeat;}
#navColumnOne { background-color: transparent;}
#tagline { color:#000000; }
#sendSpendWrapper { border: 1px solid #000000; }
#navEZPagesTOCWrapper { border: 1px solid #000000; }
#navBreadCrumb { color: #000000; border-bottom: 1px dotted #000000;}
#navBreadCrumb a:hover { color: #000000;}
#navEZPagesTop { background-color: #000000; }
.alert { color: #000000; }

/Shopping Cart Display/
#cartAdd { border: 1px dotted #FFF; }
.tableHeading TH { border-bottom: 1px solid #FF0000; }
.tableHeading, #cartSubTotal { background-color: #FFFFFF; }
#cartSubTotal { border-top: 1px solid #FF0000; }
.cartNewItem { color: #000000; }
.cartOldItem { color: #000000; }
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #000000; }

/sideboxes/
h3.leftBoxHeading, h3.leftBoxHeading a { color: #FFFFFF !important; }
h1.centerBoxHeading, h2.centerBoxHeading, h3.centerBoxHeading { margin: 0.5em; padding-bottom: 0.5em; background-color: #FFF; font-size: 1.2em; color: #000000; border: 1px solid #B6A297;}
h3.leftBoxHeading a:hover { color: #000; }
.rowOdd { background-color: #E8E6E4; }
.rowEven { background-color: #FFF; }
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp { background-color: #FFFFFF; }
#center { padding-right: 15px;}
#search { background-image: url(../images/searchbox.gif); background-repeat: no-repeat; }
#bottomnav { background-image: url(../images/footerbg2.jpg); background-repeat: no-repeat; overflow: visible; color: #000; font-weight: bold; text-align: center;}
#footer { color: #000; }
#navMain ul a { color: #000000; }
#copyright { color: #FFFFFF;}
#copyright a { color: #FFFFFF;}
#copyright a:hover { color: #FFFFFF; border-top: 1px dashed #000000; border-bottom: 1px dashed #000000;}
#navColumnOne a, #navColumnOne ul li a { color: #000000;}
#navColumnOne a:hover, #navColumnOne ul li a:hover { color: #FFFFFF;}
#contentMainWrapper { background: #D5D9DC url(../images/contentrepeat.jpg) repeat-y left top;}
.productListing-odd, .productListing-even { border-bottom: 1px solid #294D70;}

No problemo. :wink2:

/***************
Links
*************/
a { color: #000000; font-weight: bold;}
#navEZPagesTOC ul li a { color: #000000;}
a:visited { color: #000000;}
a:hover, #navEZPagesTOC ul li a:hover, /#navMain ul li a:hover, #navSupp ul li a:hover,/ #navCatTabs ul li a:hover { color: #000000; }
#navMain ul li a:link, #navSupp ul li a:link, #navMain ul li a:visited, #navSupp ul li a:visited, #navMain ul li a:active, #navSupp ul li a:active { color: #000;}
#navMain ul li a:hover, #navSupp ul li a:hover { border-bottom: 1px dotted #FFF;}
a:active { text-decoration: none; }
a.category-links:hover, #categoriesContent a:hover, a.sideBoxContent:hover, a.category-top:hover, #ezpagesContent a:hover, #whatsnewContent a:hover, #reviewsContent a:hover, #informationContent a:hove, #moreinformationContent a:hover, #productnotificationsContent a:hover, #informationContent a:hover { color: #000; }
input:focus, select:focus, textarea:focus { background-color: #FFF; color: #000000; }
FIELDSET { border: 1px solid #cccccc; }
HR { border-bottom: 1px solid #9a9a9a; }

Ok Just to get this straight before we go any further.

Here is where Im at.

If I go to this page http://poppyspopcorn.com/cart/index.php?main_page=discount_coupon

What I see is everything on the page is readable but one line of text which blends into the background on my browser "Look-up Discount Coupon ..."

In other words I need to figure out how to change font color of that line of text fron white to black. There are also several other areas in the site that the text is white. I assume that when this changes they will all change as well
Here is a link to another page where the same basic text field is blending into the background.

http://poppyspopcorn.com/cart/index.php?main_page=login

I just need all of those text areas to be black and not white.. This is taking a year a minute off me :)

Ok this is strange, Now I see why you might be having a hard time with this. I just opened the site on my Mac and it was exactly how I want it. On my PC using Windows its wrong..

Argg. I must have goofed somethin up, Ive never had this problem before.

The text fields in IE are rendered as white, I don't know why.. it's a custom template. On the other hand, the text fields in FF are rendered properly as black. The only way to please both browsers are to specify the color as white.

It could be from some parsing error that IE is forgiving. I'll go through all the parsing errors that showed up and see if there is a connection.

It really means alot to me that you are helping so much. Im a graphic artist that because Im so picky when I build a site everything has to match. I need to hire a coder :)

Glad to help, I like giving back to a 'giving' community. You could aways donate to Zen Cart if you wish. Okay, I have two recent parse problems noted:

1. In your layout.css file, locate this line(second from the bottom):

#navigation, { margin:0; padding: 0;}

Replace it with:

#navigation { margin: 0; padding: 0;}

2. In your colors.css file(again.. lol), locate the line above the one that you put #FFF into.. you'll notice that one "hover" is missing the "r"

Find: #informationContent a:hove,

Replace with: #informationContent a:hover,