rebelle Posted March 31, 2011 Share Posted March 31, 2011 I know how easy it is to change the color of the info boxes and breadcrumb bar, but it does not seem to be working. I am at a loss, seems like it is a simple act. Please advise. http://www.northweststuff.com/cart/ /* $Id$ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright © 2010 osCommerce Released under the GNU General Public License */ .ui-widget { font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif; font-size: 11px; } body { background: #000000; color: #ffffff; margin: 0px; font-size: 12px; font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif; } #bodyWrapper { } #bodyContent { } #header { height: 60px; } #storeLogo { float: left; margin-top: 5px; } #headerShortcuts { float: right; margin-top: 15px; } #columnLeft { padding-top: 5px; } #columnRight { padding-top: 5px; } .infoBoxContainer { } .infoBoxHeading { padding: 2px; font-size: 14px; color: #9400d3; font-weight: bold; } .infoBoxContents { padding: 5px; font-size: 11px; line-height: 1.5; font-weight: bold; } .contentContainer { padding-bottom: 10px; } .contentContainer h2 { font-size: 16px; text-decoration: underline; font-weight: normal; margin-bottom: 0; padding-bottom: 5px; } .contentText, .contentText table { padding: 5px 0 5px 0; font-size: 14px; line-height: 1.5; color: #9400D3; } .productListTable { padding: 5px; font-size: 11px; line-height: 1.5; } .productListTable tr.alt td { background-color: #ecf6fc; } .fieldKey { font-size: 11px; font-weight: bold; line-height: 1.5; width: 150px; } .fieldValue { font-size: 11px; line-height: 1.5; } h1 { font-size: 20px; margin-bottom: 0; padding-bottom: 5px; } img { border: 0; } table, p { font-size: 11px; line-height: 1.5; } #piGal ul { list-style-type: none; } #piGal img { -webkit-box-shadow: 0px 0px 1px #000; -moz-box-shadow: 0px 0px 1px #000; } #piGal .outer { margin-left: -30px; } .buttonSet { clear: both; } .buttonAction { float: right; } .boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; } .errorBox { font-family : Marker Felt, Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Marker Felt, Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Marker Felt, Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } A { color: #000000; text-decoration: none; } A:hover { text-decoration: underline; } FORM { display: inline; } TR.header { background: #000000; } TR.headerNavigation { background: #ffffff; } TD.headerNavigation { font-family: Marker Felt, Verdana, Arial, sans-serif; font-size: 10px; background: #ffffff; color: #ffffff; font-weight : bold; } A.headerNavigation { color: #FFFFFF; } A.headerNavigation:hover { color: #ffffff; } TR.headerError { background: #ff0000; } TD.headerError { font-family: Marker Felt, Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Marker Felt, Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ffffff; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { background: #000000; } TD.footer { font-family: Marker Felt, Verdana, Arial, sans-serif; font-size: 10px; background: #000000; color: #ffffff; font-weight: bold; } .infoBox { background: #9400d3; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: Marker Felt, Verdana, Arial, sans-serif; font-size: 10px; } TD.infoBoxHeading { font-family: Marker Felt, Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background: #FFffFF; color: #ffffff; } TD.infoBox, SPAN.infoBox { font-family: Marker Felt, 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: #f8f8f9; } 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: #f8f8f9; } TABLE.productListing { border: 0px; border-style: solid; border-color: #000000; border-spacing: 1px; } .productListingHeader { table-layout: fixed; color: #FFFFFF; font-weight: bold; } .productListingHeader A:hover { color: #FFFFFF; } .productListingData { table-layout: fixed; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #9a9a9a; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: Marker Felt, Verdana, Arial, sans-serif; font-size: 12px; 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.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; } /* buttons */ .tdbLink a { } .tdbLink button { } /* account link list */ .accountLinkList { list-style-type: none; margin: 2px 2px 2px 10px; padding: 5px; } .accountLinkListEntry { float: left; margin-right: 5px; } Link to comment Share on other sites More sharing options...
Nor-Cal Posted March 31, 2011 Share Posted March 31, 2011 I used the themeroller to change the look of my site http://jqueryui.com/themeroller/ Link to comment Share on other sites More sharing options...
♥14steve14 Posted March 31, 2011 Share Posted March 31, 2011 In 2.3.1 the header bar and infobox headings are images. Have a look in your ext/jquery/ui/ folder. Find the theme your site is using, open that folder and open the images file. There is also another css file in there where all the theme files are. REMEMBER BACKUP, BACKUP AND BACKUP Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.