Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

black colors wont changed.


JoePro51

Recommended Posts

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

 

can someone please help me

 

http://kooldvd.com/shop

 

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 */

Link to comment
Share on other sites

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.

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Link to comment
Share on other sites

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

 

I believe there is a contribution that helps with that.

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

<td class="boxText">

 

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

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

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.

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...