Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Gray in boxes


rebelle

Recommended Posts

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

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

Archived

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

×
×
  • Create New...