X-Cart forums

[enge919]

Anyone know how I can get all the texu to show on a site with a black background.

For an example check out this test site:
http://64.246.35.241/store/customer/home.php

This is my first xcart site but just cant seem to get all the text to show.

In the first line of the CSS file I change the color to 000000 to show the text in white but then when I go back the the CSS file all the text is white and not visible, this is the same in all the user filled sections such as the boxes to log into the site and all the buttons :

BODY,P,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #FFFFFF; FONT-SIZE: 10px;  

My whole CSS file is below:

BODY,P,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
        FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
        COLOR: #FFFFFF; FONT-SIZE: 10px;
}
A:link {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A:visited {
        COLOR: #6460AD; TEXT-DECORATION: none;
}
A:hover {
        COLOR: #6460AD; TEXT-DECORATION: underline;
}
A:active  {
        COLOR: #6460AD; TEXT-DECORATION: none;
}
H1 {
        FONT-SIZE: 15px;
}
H2 {
        FONT-SIZE: 13px;
}
H3 {
        FONT-SIZE: 12px;
}
HR {
        COLOR: #DDDDDD; HEIGHT: 1px;
}
BODY { 
        MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px; 
        BACKGROUND-COLOR: #000000;
}
.HeadBox {
        BACKGROUND-COLOR: #DFF5F2;
}
.VertMenuBox {
        BACKGROUND-COLOR: #000000;
}
.VertMenuTitle {
        BACKGROUND-COLOR: #000000; COLOR: #ffffff; FONT: bold 12px;
}
.VertMenuItems {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.VertMenuItems:link {
        COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
        COLOR: #6460AD; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
        COLOR: #6460AD; TEXT-DECORATION: underline;
}
.VertMenuItems:active  {
        COLOR: #003834; TEXT-DECORATION: none;
}
.VertMenuHr {
        COLOR: #999999;
}
.CategoriesList {
	FONT-SIZE: 12px;
}
.DialogBox {
        BACKGROUND-COLOR: #000000;
}
.DialogBorder {
        BACKGROUND-COLOR: #FFFFFF;
}
.DialogTitle {
        BACKGROUND-COLOR: #000000; COLOR: #FFFFFF; FONT: bold 12px;
}
.NumberOfArticles {
        COLOR: #000000; FONT: bold 10px;
}
.TopLabel {
        COLOR: #000000; FONT: bold 12px;
}
.Text {
        COLOR: #000000;
}
.AdminSmallMessage {
        COLOR: #FF3300;
}
.AdminTitle {
        COLOR: #FF3300; FONT: bold 12px;
}
.Line {
        BACKGROUND-COLOR: #6460AD;
}
.ProductTitle {
        COLOR: #000000; FONT: bold 12px;
}
.ProductDetailsTitle {
        COLOR: #6460AD; FONT: bold 12px;
}
.ProductDetails {
        COLOR: #000000;
}
.ProductPriceTitle {
        COLOR: #000000; FONT: bold 12px;
}
.ProductPriceConverting {
        COLOR: #000000; FONT: bold 12px;
}
.ProductPrice {
        COLOR: #FF3300; FONT: bold 12px;
}
.ProductPriceSmall {
        COLOR: #FF3300; FONT: bold 10px;
}
.MarketPrice {
        FONT-SIZE: 11px;
}
.ItemsList {
        COLOR: #003834; FONT: bold 10px;
}
.NavigationPath {
        COLOR: #FFFFFF; FONT: bold 10px;
}
.FormButton {
        COLOR: #000000; FONT: bold 10px;
}
.CustomerMessage {
        COLOR: #FF3300; FONT: bold 10px;
}
.ErrorMessage {
        COLOR: #FF3300; FONT: bold 10px;
}
.Star {
        COLOR: #FF0000;
}
.SaveMoneyLabel {
        COLOR: #FFFFFF; FONT: bold 10px;
}
.TableHead {
    BACKGROUND-COLOR: #009933;
}
.SmallNote:link {
        COLOR: #8C7DCF; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
        COLOR: #8C7DCF; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
        COLOR: #8C7DCF; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; 
}
.SmallNote:active {
        COLOR: #8C7DCF; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
        BACKGROUND-COLOR: #006600; COLOR: #FFFFFF;
}
.HeadNavigation {
        COLOR: #000000; FONT: bold 16px;
}
.ColorCodes {
	COLOR: #000000; FONT: bold 11px;
}
.ColorCodesLetter {
	COLOR: #000000; FONT: bold 11px;
}
.text2 {
	COLOR: #FFFFFF; FONT: 10px;
}

Please, this is driving me crazy and my customer wants the site up by next week.

Xcart version for this site is 3.4.9.

Any help is much appreciated!

[DogByteMan]

I think your going to have to define a new variable in your css and apply it to the applicable templates.

[magnumkp]

Take this out of the first line: INPUT,SELECT,TEXTAREA

and make a new class for those 3 areas with black as the text colour, sorry color. These are the classes that control text in boxes.

[enge919]

Thanks magnumkp....works well.

[bkluth]

Take this out of the first line: INPUT,SELECT,TEXTAREA

and make a new class for those 3 areas with black as the text colour, sorry color. These are the classes that control text in boxes.

How exactly do you do this? Need some help...I am a "non-code-writer".

Thanks!

[magnumkp]

Change this:

BODY,P,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #FFFFFF; FONT-SIZE: 10px;
}

To this:

INPUT,SELECT,TEXTAREA {
COLOR: #000000;}

And that should do it

[bkluth]

And that should do it

And it did! Thanks so much for your quick and accurate response!