PDA

View Full Version : Changing Oscommerce Template color



yourlovestore
10-13-2007, 12:40 PM
Hi all, hope you can help...............

Here is my website using oscommerce the site is in very early stages as it been deleted a few times.

What im trying to do is change the standard blue/grey template color
take a look www.yourlovestore.co.uk (http://www.yourlovestore.co.uk) I want to change it to PINK!!

Like this site
http://www.activeebiz.com/product_image.php?pID=6&image=1

I have found a color code and gone to stylesheet.css and changed it table form} border-color #ff3399....... but it stays the same color!!!!blue/grey!

I have copied the stylesheet file below for you,
Could someone change the code so I can copy it and try it????

Or am I changing the wrong css file??

PLEASE PLEASE CAN SOMEONE HELP ME

THANKS


/*
$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;
}
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight : bold;
}
A.headerNavigation {
color: #FFFFFF;
}
A.headerNavigation:hover {
color: #ffffff;
}
TR.headerError {
background: #ff0000;
}
TD.headerError {
font-family: 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: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
TR.footer {
background: #bbc3d3;
}
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight: bold;
}
.infoBox {
background: #b6b7cb;
}
.infoBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.infoBoxNotice {
background: #FF8E90;
}
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}
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: #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: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
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: Verdana, Arial, sans-serif;
font-size: 11px;
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.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: #ff3399;
border-color: #ff3399;
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; }

Karen Mac
10-13-2007, 06:58 PM
Youre most likely better off asking this stuff on the osc forum. I can do basic stuff with it, as I decided NOT to use it, so I didnt delve further into it or Zen Cart. I got tired of being a programmer to get things done.

Karen

wolfone
12-27-2007, 06:18 AM
Hi :)

I've posted this commented osCommerce stylesheet with the hope that it will be useful to someone.

/*
$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
*/
/*This is the Infobox text style*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
/*This is the Error Messages style with pink background*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
/*This is the Warning Messages red font style*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
/*This is the Product Notifications green background stylet*/
.productsNotifications { background: #f2fff7; }
/*This is the Order Edit style with green underline*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
/*This is the General Page Body Style with white background, black text, flush left margins*/
BODY {
background: #ffffff;
color: #000000;
margin: 0px;
}
/*This is the Default Hyperlink Style with black text and no underlines*/
A {
color: #000000;
text-decoration: none;
}
/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline*/
A:hover {
color: #AABBDD;
text-decoration: underline;
}
/*Forms display within the page rather than opening a new window*/
FORM {
display: inline;
}
TR.header {
background: #ffffff;
}
/*This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/
TR.headerNavigation {
background: #bbc3d3;
}
/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight : bold;
}
/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE */
A.headerNavigation {
color: #FFFFFF;
}
/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE when the cursor is over them*/
A.headerNavigation:hover {
color: #ffffff;
}
/*This is the ERROR Background style for a row with a red background*/
TR.headerError {
background: #ff0000;
}
/*This is the ERROR Background style for a cell with a red background*/
TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
/*This is a ROW Background style with a neon green background*/
TR.headerInfo {
background: #00ff00;
}
/*This is a CELL Background style with a neon green background*/
TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
/*This is the GRAY BOTTOM BAR Row background*/
TR.footer {
background: #bbc3d3;
}
/*This is the GRAY BOTTOM BAR Cell background*/
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight: bold;
}
/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/
.infoBox {
background: #b6b7cb;
}
/*This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
.infoBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is the INFOBOX Notice Style, a pale salmon color*/
.infoBoxNotice {
background: #FF8E90;
}
/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS*/
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/
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;
}
/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/
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;
}
/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
/*This is the FONT Style for product listing pages*/
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is the HYPERLINK Style for Results pages*/
A.pageResults {
color: #0000FF;
}
/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}
/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}
/*This is a Row Sub-bar Style, a very pale gray*/
TR.subBar {
background: #f4f7fd;
}
/*This is a Cell Sub-bar Style, black default text*/
TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
/*This is a Cell and Paragraph Main Style*/
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
/*This is a Cell, Span, and Paragraph Font Style*/
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*This is a Cell Font Style in larger size with medium dusty blue font*/
TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
/*This is a Cell Font Style in a bold larger size*/
TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}
/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}
/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}
/*This is a FORM TEXT STYLE with slightly larger bold text*/
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font*/
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
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; }

Vasili
02-19-2008, 06:50 PM
BODY {
background: #ffffff; set to balck/grey
color: #000000; set to white
margin: 0px;

Karen Mac
06-24-2008, 01:57 PM
Rishi

check the dates of the posts..this is a few months old. They likely resolved it by now.

Karen

Vasili
06-25-2008, 09:01 AM
Google "oscommerce stylesheet, the gift company" but I really don't know why you need it, as the site at link you provided is not even osCommerce: Generator" CONTENT="NetObjects Fusion 8 for Windows


AWS has been AWOL for a long time now, so you may wish to re-think your strategy overall.....