| enge919 |
11-20-2003 07:46 PM |
Getting text to show w/black background
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 :oops: :
Code:
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:
Code:
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! |
