Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Problem with text color not showing up...


jwsfun

Recommended Posts

Okay, here's an easy one for all you .css veterans: I've changed some of the text color throughout my .css to my liking, but for some odd reason (and I cannot find where to go to fix it) when I click on a category and the sub-categories open-up underneath (the category), if I click on a sub-category and that page appears, THE HEADING BAR DOES NOT REVEAL THE TEXT that should be there (i.e., QUANTITY, PRICE, etc.), even though the "hover" color appears as I want it to. Does the heading bar color over-ride here for some reason? It's the only text problem I've encountered so far (my other text edits have been just peachy :) ). I've pasted my .css for anyone to take a look-see, so if you can point out the error of my amateurish ways, I'd sincerely appreciate it. :lol: Thanks!

 

Here it is ya'll:

 

/*

$Id: stylesheet.css,v 1.50 2002/11/02 03:06:05 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2001 osCommerce

 

Released under the GNU General Public License

*/

 

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

.errorBox { font-family : Verdana, Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Verdana, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

 

BODY {

background: #ffffff url(images/background27.gif);

color: #000000;

margin: 0px;

}

 

A {

color: #333366;

text-decoration: none;

}

 

A:hover {

color: #ff9900;

text-decoration: underline;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #ffffff url(images/background27.gif);

}

 

TR.headerNavigation {

background: #333366;

}

 

TD.headerNavigation {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

background: #333366;

color: #ffffff;

font-weight : bold;

}

 

A.headerNavigation {

color: #ffffff;

}

 

A.headerNavigation:hover {

color: #ff9900;

}

 

TR.headerError {

background: #ff0000;

}

 

TD.headerError {

font-family: Verdana, Verdana, Verdana, sans-serif;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #00ff00;

}

 

TD.headerInfo {

font-family: Verdana, Verdana, Verdana, sans-serif;

font-size: 12px;

background: #00ff00;

color: #ffffff;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #ffffff url(images/background27.gif);

}

 

TD.footer {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

background: #333366;

color: #ffffff;

font-weight: bold;

}

 

.infoBox {

background: #333366;

}

 

.infoBoxContents {

background: #ffffff url(images/background10.jpg);

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

}

 

TD.infoBoxHeading {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

font-weight: bold;

background: #333366;

color: #ffffff;

}

 

TD.infoBox, SPAN.infoBox {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

}

 

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #ffffff url(images/background10.jpg);

}

 

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

background: #ffffff;

}

 

TR.productListing-heading {

background: #333366;

}

 

TD.productListing-heading {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

background: #333366;

color: #ffffff;

font-weight: bold;

font-variant: small-caps;

}

 

TD.productListing-data {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Verdana, sans-serif;

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

 

TR.subBar {

background: #ffffff url(images/background10.jpg);

}

 

TD.subBar {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

color: #ffffff;

}

 

TD.main, P.main {

font-family: Verdana, Verdana, sans-serif;

font-size: 11px;

line-height: 1.5;

}

 

TD.smallText, SPAN.smallText, P.smallText {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

}

 

TD.accountCategory {

font-family: Verdana, Verdana, sans-serif;

font-size: 13px;

color: #aabbdd;

}

 

TD.fieldKey {

font-family: Verdana, Verdana, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

font-family: Verdana, Verdana, sans-serif;

font-size: 12px;

}

 

TD.tableHeading {

font-family: Verdana, Verdana, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.newItemInCart {

font-family: Verdana, Verdana, sans-serif;

font-size: 10px;

color: #ff0000;

}

 

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Verdana, Verdana, sans-serif;

font-size: 11px;

}

 

TEXTAREA {

width: 100%;

font-family: Verdana, Verdana, sans-serif;

font-size: 11px;

}

 

SPAN.greetUser {

font-family: Steelfish Outline, Verdana, sans-serif;

font-size: 22px;

color: #333366;

font-weight: bold;

}

 

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

 

TD.formAreaTitle {

font-family: Verdana, Verdana, Verdana, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.markProductOutOfStock {

font-family: Verdana, Verdana, Verdana, sans-serif;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

font-family: Verdana, Verdana, sans-serif;

color: #ff0000;

}

 

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

 

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

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

 

 

I can't find the problem :?: :?: :?:

Link to comment
Share on other sites

  • 1 month later...

Hi there,

 

Whenever I can't find the style that a certain area pertains to, I look at the source code for the page, find that area, and it will tell you there what style that area uses.

 

Hope that helps,

Violet

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...