black colors wont changed.

JoePro51 · July 28, 2008

for some crazy reason, i can't change the black text in my shop.

can someone please help me

heres a copy of my style sheet

/*
 $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Greenmania Template by www.badeziner.com 
 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px;color:#000000; background: #ffffff; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 color:#FFFFFF;
 margin:0;
 background :#000066;
}
#wrapper {
width:814px;
text-align:right;
margin:0 auto;
padding:0;
background-color:#0437A2;
}
A {
 color:#FFFFFF;
 text-decoration: none;
}

A:hover {
 color: #ffffff;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #ffffff;
}

TR.headerError {
 background: #ffffff;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ffffff;
 color: #000000;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #bbc3d3;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight: bold;
}

.infoBoxSmall {
 background: #0437A2;
}
.infoBox {
 background: #0437A2;
 border:1px solid #272a2c;
}

.infoBoxContents {
 background: #0437A2;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
.contentBoxContents {
 background: #0437A2;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #bbc3d3;
 color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #f8f8f9;
}
TR.productListing-odd {

}
TR.productListing-even {

}
TABLE.productListing {
border:0;
margin:0;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #FFFFFF;
 font-weight: bold;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

A.pageResults {
 color:#999999;
 text-decoration:none;
}

A.pageResults:hover {
 color:#FF9900;
 text-decoration:underline;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #fafafa;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

TD.accountCategory {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #aabbdd;
}

TD.fieldKey {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

TD.fieldValue {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TD.tableHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.newItemInCart {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #f0a480;
 font-weight: bold;
}

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

TD.formAreaTitle {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #c76170;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #ff0000;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #000000;
}

.moduleRow { }
.moduleRowOver { background-color: #ffffff;color:#009933; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #13282D;color: #00B9CD; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px;color:#000000; background-color: #ffffff; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* BOX STYLE */
.t1 {background:url(images/template/box/t1.gif) no-repeat;width:17px;height:28px;}
.t2 {background:url(images/template/box/t2.gif) repeat-x;width:100%;height:28px;}
.t2 {color:#FFFFFF;text-transform:uppercase;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.t2 a {text-decoration:none;}
.t3 {background:url(images/template/box/t3.gif) no-repeat;width:17px;height:28px;}
.m1 {background:url(images/template/box/m1.gif) repeat-y;width:17px;}
.m2 {background:url(images/template/box/m2.gif) repeat-y;width:17px;}
.d1 {background:url(images/template/box/d1.gif) no-repeat;width:17px;height:14px;}
.d2 {background:url(images/template/box/d2.gif) repeat-x;width:100%;height:14px;}
.d3 {background:url(images/template/box/d3.gif) no-repeat;width:17px;height:14px;}
/* END BOX STYLE */
/* MENU */
#menu {
 text-align:center; 
 position:relative;
 height:37px;

 }
.box {
position:relative;
float:left; 
width:154px;
 }
.box a {
background: url(images/template/home.jpg) 0 0 no-repeat;
outline:none;
}
.box a:hover {
background: url(images/template/home.jpg) 0 100% no-repeat;
}
.box2 {
position:relative;
float:left;
width:154px;
}
.box2 a {
background: url(images/template/new_products.jpg) 0 0 no-repeat;
outline:none;
}
.box2 a:hover {
background: url(images/template/new_products.jpg) 0 100% no-repeat;
}
.box3 {
position:relative;
float:left;
width:154px;
}
.box3 a {
background: url(images/template/specials.jpg) 0 0 no-repeat;
outline:none;
}
.box3 a:hover {
background: url(images/template/specials.jpg) 0 100% no-repeat;
}
.box4 {
position:relative;
float:left;
width:152px;
}
.box4 a {
background: url(images/template/account.jpg) 0 0 no-repeat;
outline:none;
}
.box4 a:hover {
background: url(images/template/account.jpg) 0 100% no-repeat;
}
.box5 {
position:relative;
float:left; 
width:153px;
}
.box5 a {
background: url(images/template/contact.jpg) 0 0 no-repeat;
outline:none;
}
.box5 a:hover {
background: url(images/template/contact.jpg) 0 100% no-repeat;
}
#menu a, #menu a:visited {
 position:relative; 
 display:block; 
 height:37px;
 }
#menu a:hover {
 height:37px;
}
.spacer {
 float:left;
 width:8px;
 height:37px;
}
.spacer-right {
 float:right;
 width:7px;
 height:37px;
}
/* END MENU */

sLaV- · July 28, 2008

what black text?? its white for me (in both FF2 and IE7) ...

just a heads up your page is centered in FF2 but NOT in IE7

JoePro51 · July 28, 2008

I still don't know how to center the site yet.

can someone help me with the site colors please.

the red arrows points to where i want to be blue.

jhande · July 28, 2008

In your style sheet, this is defining your Manufacturers dropdown.

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

Here's the code:

<td  class="boxText"><form name="manufacturers" action="<A href="http://kooldvd.com/shop/index.php">http://kooldvd.com/shop/index.php</A>" method="get"><select name="manufacturers_id" onChange="this.form.submit();" size="1" style="width: 100%"><option value="" SELECTED>Please Select</option><option value="6">Canon</option><option value="4">Fox</option><option value="8">GT Interactive</option><option value="9">Hewlett Packard</option><option value="5">Logitech</option><option value="1">Matrox</option><option value="2">Microsoft</option><option value="7">Sierra</option><option value="3">Warner</option></select><input type="hidden" name="osCsid" value="919429f41da94f1be26f436ed85bea4e"></form></td>

It would be best to define another class in your stylesheet.css to specify the color and then change the tag on the pages. Reason I say that is because other areas are defined by the class="boxText".

NEW PRODUCTS FOR MONTH

Here's the code:

<td width="175" valign="top"><BR><p style="font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;padding-top:5px;padding-right:5px;"><a href="<A href='http://kooldvd.com/shop/product_info.php?products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">Hewlett'>http://kooldvd.com/shop/product_info.php?products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">Hewlett</A> Packard LaserJet 1100Xi</a></p><BR><p style="font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;padding-top:5px;height:40px;margin:0;">HP has always set the pace in laser printing technology. The new generation HP L<a href="<A href='http://kooldvd.com/shop/product_info.php?Products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">[...]</a'>http://kooldvd.com/shop/product_info.php?Products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">[...]</a</A><FONT color=#0000ff>></FONT><BR></p><BR>

The text in your "New Products for Month" is being defined by the above style which has no color attribute defined. So it is more than likely falling back to a default FONT color or the last font color called for from the stylesheet. That's why it's called Cascading Style Sheets (CSS), because a previous style continues until something else takes precedence. Again it might be best to create and define a new class.

This section in your stylesheet.css defines what is in the cell with the graphic (picture of the printer) and the price.

<BR>.contentBoxContents {<BR>  background: #0437A2;<BR>  font-family: Verdana, Arial, sans-serif;<BR>  font-size: 10px;<BR>}<BR>

Hope that helps a little.

jhande · July 28, 2008

I still don't know how to center the site yet.

I believe there is a contribution that helps with that.

JoePro51 · July 28, 2008

I never did php html or css before, am just learning as you type. the below text is confusing, and don't know what to do with it, can you please re word it in beginner terms.

thanks

ps. i fixed the center page problem.

In your style sheet, this is defining your Manufacturers dropdown.
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
Here's the code:
<td  class="boxText"><form name="manufacturers" action="<A href="http://kooldvd.com/shop/index.php">http://kooldvd.com/shop/index.php</A>" method="get"><select name="manufacturers_id" onChange="this.form.submit();" size="1" style="width: 100%"><option value="" SELECTED>Please Select</option><option value="6">Canon</option><option value="4">Fox</option><option value="8">GT Interactive</option><option value="9">Hewlett Packard</option><option value="5">Logitech</option><option value="1">Matrox</option><option value="2">Microsoft</option><option value="7">Sierra</option><option value="3">Warner</option></select><input type="hidden" name="osCsid" value="919429f41da94f1be26f436ed85bea4e"></form></td>
It would be best to define another class in your stylesheet.css to specify the color and then change the tag on the pages. Reason I say that is because other areas are defined by the class="boxText".

NEW PRODUCTS FOR MONTH

Here's the code:
<td width="175" valign="top"><BR><p style="font-size:10px;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;padding-top:5px;padding-right:5px;"><a href="<A href='http://kooldvd.com/shop/product_info.php?products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">Hewlett'>http://kooldvd.com/shop/product_info.php?products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">Hewlett</A> Packard LaserJet 1100Xi</a></p><BR><p style="font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;padding-top:5px;height:40px;margin:0;">HP has always set the pace in laser printing technology. The new generation HP L<a href="<A href='http://kooldvd.com/shop/product_info.php?Products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">[...]</a'>http://kooldvd.com/shop/product_info.php?Products_id=27&osCsid=919429f41da94f1be26f436ed85bea4e">[...]</a</A><FONT color=#0000ff>></FONT><BR></p><BR>
The text in your "New Products for Month" is being defined by the above style which has no color attribute defined. So it is more than likely falling back to a default FONT color or the last font color called for from the stylesheet. That's why it's called Cascading Style Sheets (CSS), because a previous style continues until something else takes precedence. Again it might be best to create and define a new class.

This section in your stylesheet.css defines what is in the cell with the graphic (picture of the printer) and the price.
<BR>.contentBoxContents {<BR>  background: #0437A2;<BR>  font-family: Verdana, Arial, sans-serif;<BR>  font-size: 10px;<BR>}<BR>
Hope that helps a little.

JoePro51 · July 28, 2008

can someone help me.

much appreciated.

lindsayanng · July 28, 2008

i thinkt he above explained it in AS MUCH lamens terms as possible

basically he is saying that the box for the manufacturers code here:

[code

]<td  class="boxText"

><form name="manufacturers" action="<A href="http://kooldvd.com/shop/index.php">http://kooldvd.com/shop/index.php</A>" method="get"><select name="manufacturers_id" onChange="this.form.submit();" size="1" style="width: 100%"><option value="" SELECTED>Please Select</option><option value="6">Canon</option><option value="4">Fox</option><option value="8">GT Interactive</option><option value="9">Hewlett Packard</option><option value="5">Logitech</option><option value="1">Matrox</option><option value="2">Microsoft</option><option value="7">Sierra</option><option value="3">Warner</option></select><input type="hidden" name="osCsid" value="919429f41da94f1be26f436ed85bea4e"></form></td>[/code]

that box's style is DEFINED by this piece of code in your style sheet:

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

you can tell this because the ACTUAL code that calls for this style is in the first line where you see this:

]<td  class="boxText">

where is says class="boxText" you see that it is telling it to use the class .boxText from your style sheet.

So what he is saying is make up your OWN style for that box.

Replace this

with something like this:

<td class="mfgBox"

then go to your style sheet and create a style called

.mftText

font-family:

font-size:

color:

ect..

You can use existing styles to get an idea how to do what you want

lindsayanng · July 28, 2008

i think you should probably go through the internet and READ about style sheets and basic HTML. If you know a little about html, you will learn how to change the site's look and understand it A LITTLE better, even though we are in PHP. about.com has some awesome tutorials.

JoePro51 · July 29, 2008

Ok, thanks guys.

I fixed the problem.

Rajmahal also aided me.

advanced find and replace was the software i used to search for the code,

black colors wont changed.

Recommended Posts

JoePro51

sLaV-

JoePro51

jhande

jhande

JoePro51

JoePro51

lindsayanng

lindsayanng

JoePro51

Archived

Browse

Activity