Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How do I


sac9829

Recommended Posts

Posted

How do I change the entire background colour of the header area where the logo goes.

 

Bascially I would like to change it to one coplour so it matches the logo background.

Posted

I can't seem to find one that says TR.header by its self.

 

Only find these:

 

 

TR.footer

background

TR.headerError

background

TR.headerInfo

background

TR.headerNavigation

background

TR.linkListing-even

background

TR.linkListing-odd

background

TR.subBar

background

 

 

And they alll seem to be set on a blue colour but are coming up white!

 

Any ideas!

Posted

Hi,

 

It's up near the top

 

/*
 $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 (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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: #ffffff;
 color: #000000;
 margin: 0px;
}

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #AABBDD;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

 

Peter

Posted

Do I edit the:

 

stylesheet File because this is what mine looks like:

 

 

.boxText {

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

font-size:10px;

}

 

.checkoutBarCurrent {

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

font-size:10px;

color:#000000;

}

 

.checkoutBarFrom, .checkoutBarTo {

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

font-size:10px;

color:#000000;

}

 

.errorBox {

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

font-size:10px;

background:#FFFFFF;

font-weight:bold;

}

 

.infoBox {

background:#000099;

}

 

.infoBoxContents {

background:#FFFFFF;

font-size:10px;

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

}

 

.infoBoxNotice {

background:#FFFFFF;

}

 

.infoBoxNoticeContents {

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

font-size:10px;

background:#FFFFFF;

}

 

.inputRequirement {

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

font-size:10px;

color:#000000;

}

 

.linkListing-heading {

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

font-size:10px;

font-weight:bold;

text-align:center;

background:#000099;

color:#FFFFFF;

}

 

.messageBox {

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

font-size:10px;

}

 

.messageStackError, .messageStackWarning {

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

font-size:10px;

background-color:#000099;

}

 

.messageStackSuccess {

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

font-size:10px;

background-color:#000099;

}

 

.moduleRowOver {

background-color:#FFFFFF;

cursor:hand;

}

 

.moduleRowSelected {

background-color:#FFFFFF;

}

 

.orderEdit {

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

font-size:10px;

color:#FFFFFF;

text-decoration:underline;

}

 

.productListing-heading {

color:#FFFFFF;

background:#000099;

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

font-size:10px;

font-weight:bold;

}

 

.productsNotifications {

background:#000099;

}

 

.stockWarning {

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

font-size:10px;

color:#000000;

}

 

A {

color:#000000;

text-decoration:none;

}

 

A.headerNavigation {

color:#FFFFFF;

}

 

A.headerNavigation:hover {

color:#FFFFFF;

}

 

A.pageResults {

color:#000000;

}

 

A.pageResults:hover {

background:#FFFFFF;

color:#000000;

}

 

A:hover {

color:#000099;

text-decoration:underline;

}

 

BODY {

margin:0px;

color:#000000;

background:#FFFFFF;

}

 

CHECKBOX,INPUT,RADIO,SELECT {

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

font-size:11px;

}

 

SPAN.errorText {

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

color:#FFFFFF;

}

 

SPAN.greetUser {

font-size:10px;

font-weight:bold;

color:#000000;

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

}

 

SPAN.markProductOutOfStock {

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

font-size:12px;

font-weight:bold;

color:#000000;

}

 

SPAN.newItemInCart {

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

font-size:10px;

color:#000000;

}

 

SPAN.productSpecialPrice {

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

color:#000000;

}

 

TABLE.formArea {

background:#FFFFFF;

border-color:#000099;

border-style:solid;

border-width:1px;

}

 

TABLE.linkListing {

border:1px;

border-style:solid;

border-color:#000099;

border-spacing:1px;

}

 

TABLE.productListing {

border-style:solid;

border-color:#000099;

border:1px;

border-spacing:1px;

}

 

TD.accountCategory {

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

font-size:13px;

color:#000000;

}

 

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.footer {

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

font-size:10px;

background:#000099;

font-weight:bold;

color:#FFFFFF;

}

 

TD.formAreaTitle {

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

font-size:12px;

font-weight:bold;

}

 

TD.headerError {

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

font-size:12px;

background:#000099;

font-weight:bold;

text-align:center;

color:#FFFFFF;

}

 

TD.headerInfo {

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

font-size:12px;

background:#000099;

font-weight:bold;

text-align:center;

color:#FFFFFF;

}

 

TD.headerNavigation {

background:#000099;

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

font-size:10px;

color:#FFFFFF;

font-weight:bold;

}

 

TD.infoBox, SPAN.infoBox {

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

font-size:10px;

}

 

TD.infoBoxHeading {

background:#000099;

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

font-size:10px;

color:#FFFFFF;

font-weight:bold;

}

 

TD.linkListing-data {

border-right:1px solid #000099;

border-bottom:1px solid #000099;

padding:4px;

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

font-size:10px;

}

 

TD.main, P.main {

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

font-size:11px;

line-height:1.5;

}

 

TD.pageHeading, DIV.pageHeading {

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

font-weight:bold;

color:#000000;

font-size:20px;

}

 

TD.productListing-data {

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

font-size:10px;

}

 

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

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

font-size:10px;

}

 

TD.subBar {

color:#FFFFFF;

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

font-size:10px;

}

 

TD.tableHeading {

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

font-size:12px;

font-weight:bold;

}

 

TEXTAREA {

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

font-size:11px;

width:100%;

}

 

TR.addressBook-even, TR.accountHistory-even, TR.alsoPurchased-ev {

background:#000099;

}

 

TR.addressBook-odd, TR.accountHistory-odd, TR.alsoPurchased-odd, {

background:#000099;

}

 

TR.footer {

background:#000099;

}

 

TR.headerError {

background:#000099;

}

 

TR.headerInfo {

background:#000099;

}

 

TR.headerNavigation {

background:#000099;

}

 

TR.linkListing-even {

background:#000099;

}

 

TR.linkListing-odd {

background:#000099;

}

 

TR.subBar {

background:#000099;

}

 

 

 

Or do I edit another file?

Posted

Hi Cody,

 

Just add in this

 

TR.header {
background: #ffffff;
}

 

and change the colour to what you want.

 

Peter

Archived

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

×
×
  • Create New...