Guest Posted October 23, 2007 Share Posted October 23, 2007 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 More sharing options...
berthz Posted October 23, 2007 Share Posted October 23, 2007 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.