Results 1 to 6 of 6

Thread: Changing Oscommerce Template color
      
   

  1. #1
    Join Date
    Oct 2007
    Posts
    13

    Default Changing Oscommerce Template color

    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 I want to change it to PINK!!

    Like this site
    http://www.activeebiz.com/product_im...?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; }

  2. #2
    Join Date
    Apr 2006
    Location
    X marks the spot
    Posts
    8,332

    Default Re: Changing Oscommerce Template color

    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

    VodaHost

    Your Website People!
    1-302-283-3777 North America / International
    02036089024 / United Kingdom
    291916438 / Australia

    ------------------------

    Top 3 Best Sellers

    Web Hosting - Unlimited disk space & bandwidth.

    Reseller Hosting - Start your own web hosting business.

    Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)



  3. #3
    Join Date
    Dec 2007
    Location
    Port Elizabeth South Africa
    Posts
    2

    Default Re: Changing Oscommerce Template color

    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; }

  4. #4
    Join Date
    Mar 2006
    Posts
    14,683

    Default Re: Changing Oscommerce Template color

    BODY {
    background: #ffffff; set to balck/grey
    color: #000000; set to white
    margin: 0px;
    . VodaWebs....Luxury Group
    * Success Is Potential Realized *

  5. #5
    Join Date
    Apr 2006
    Location
    X marks the spot
    Posts
    8,332

    Default Re: Changing Oscommerce Template color

    Rishi

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

    Karen

    VodaHost

    Your Website People!
    1-302-283-3777 North America / International
    02036089024 / United Kingdom
    291916438 / Australia

    ------------------------

    Top 3 Best Sellers

    Web Hosting - Unlimited disk space & bandwidth.

    Reseller Hosting - Start your own web hosting business.

    Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)



  6. #6
    Join Date
    Mar 2006
    Posts
    14,683

    Default Re: Changing Oscommerce Template color

    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.....
    . VodaWebs....Luxury Group
    * Success Is Potential Realized *

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •