Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Editing stylesheet.css


Guest

Recommended Posts

I have changed all my text, backround, and header colors exactly how I want them . My backround is black and I want the text for the product information to be ff9966, I have swapped out a ton of color codes for this and cant seem to find the one for the text in the product information box, it matches the black backround and does not look good.

See site here

/*

$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

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

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; 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 {

background: #000000;

color: #ff9966;

margin: 0px;

font-family: Tahoma;

font-size: 12px;

}

 

A {

color: #ff9966;

text-decoration: none;

}

 

A:hover {

color: #ff9966;

text-decoration: underline;

}

 

A.top {

color: #ff9966;

text-decoration: none;

font-family: Verdana;

font-size: 10px;

}

 

A.top:hover {

color: #ff9966;

text-decoration: underline;

font-family: Verdana;

font-size: 10px;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #ff9966;

}

 

TR.headerNavigation {

background: #ff9966;

}

 

TD.headerNavigation {

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

font-size: 10px;

background: #000000;

color: #ff9966;

font-weight : bold;

}

 

A.headerNavigation {

color: #FFFFFF;

}

 

A.headerNavigation:hover {

color: #ffffff;

}

 

TR.headerError {

background: #ff9966;

}

 

TD.headerError {

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

font-size: 12px;

background: #000000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #000000;

}

 

TD.headerInfo {

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

font-size: 12px;

background: #000000;

color: #ffffff;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #ffffff;

}

 

TD.footer {

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

font-size: 10px;

background: #bbc3d3;

color: #000000;

font-weight: bold;

}

 

.myinfoBox {

background: #000000;

border-left:1px solid #000000;

border-right:1px solid #000000;

border-bottom:1px solid #000000;

}

 

.infoBox {

background: #000000;

border:1px solid #ff9966;

}

 

.contentBox {

background: #ffffff;

}

 

.infoBoxContents {

background: #ffffff;

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

font-size: 10px;

}

 

.contentBoxContents {

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

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #000000;

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

font-size: 10px;

}

 

TD.infoBoxHeading {

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

font-size: 10px;

color: #ff9966;

background-color:#000000;

border-left:1px solid #000000;

border-right:1px solid #000000;

border-top:1px solid #000000;

}

 

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.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #000000;

}

 

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: #000000;

}

 

TABLE.productListing {

border: 1px;

border-style: solid;

border-color: #000000;

border-spacing: 1px;

}

 

.productListing-heading {

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

font-size: 10px;

background: #000000;

color: #ff9966;

font-weight: bold;

}

 

TD.productListing-data {

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

font-size: 10px;

}

 

A.pageResults {

color: #ff9966;

}

 

A.pageResults:hover {

color: #ff9966;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

font-family: 'Myriad Pro', Verdana, Arial, sans-serif;

font-size: 20px;

font-weight: bold;

color: #4c4c4c;

}

 

TR.subBar {

background: #f4f7fd;

}

 

TD.subBar {

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

font-size: 10px;

color: #ff9966;

}

 

TD.main, P.main {

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

font-size: 11px;

}

 

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

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

font-size: 10px;

background-color:#ffffff;

}

 

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: #ff0000;

}

 

.moduleRow { }

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

.moduleRowSelected { background-color: #E9F4FC; }

 

.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; background-color: #ffb3b5; }

.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; }

.style1 {

color: #ffffff;

font-family: Verdana;

font-size: 10px;

}

.style7 {

color: #6e6e6e;

font-family: Verdana;

font-size: 10px;

}

.style8 {color: #797979}

.style9 {font-size: 12px}

 

.productTitle {

font-family: MyriadPro-LightCond, Verdana;

font-size: 16px;

font-weight: 400;

}

.txt90{

font-family:tahoma;

font-size:10px;

color:#ff9966;

}

 

This is my CSS. exactly which place to I replace #000000 with ff9966 to get the product info text to be orange..?

Thanks for your great support!

Link to comment
Share on other sites

Most likely you will have to change:

 

TD.main, P.main {

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

font-size: 11px;

}

 

to:

 

TD.main, P.main {

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

font-size: 11px;

color: #ff9966;

}

 

Good luck!

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...