Results 1 to 4 of 4
  1. #1
    Join Date
    Aug 2007
    Posts
    84
    Plugin Contributions
    0

    Default Changing Background colour (Again)

    Hi I need to change the background colour. I have followed the FAQ answer for this but to no avail.
    I can't find the stated text from the stylesheet.css..


    In your stylesheet.css you can adjust the overall background color by setting the body tag:

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #000000;
    background-color: #fff; /* this is white */
    /* background-color:#ccc; this is gray */
    }


    this will be my first post of many I guess
    any help is greatly appreciated
    Gordon

  2. #2
    Join Date
    Sep 2006
    Posts
    542
    Plugin Contributions
    0

    Default Re: Changing Background colour (Again)

    this will change the background

    background-color: #fff;

    to
    background-color: #000;


    Here is a helpful link

    http://www.w3schools.com/css/css_background.asp


  3. #3
    Join Date
    Aug 2007
    Posts
    84
    Plugin Contributions
    0

    Default Re: Changing Background colour (Again)

    I must be looking in the wrong place as my stylesheet.css does not seem to have "BODY" anywhere..anyway here it is..

    a img {border: none; }

    a, #navEZPagesTOC ul li a {
    color: #986F44;
    text-decoration:underline;
    }

    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {

    }

    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;
    }

    .biggerText {
    font-size: 1.2em;
    }

    h1, h2, h3, h4, h5, h6 {
    margin: 0.3em;
    font-size:13px;
    }

    CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    }
    FORM {margin:0px; padding:0px;}

    TEXTAREA {
    margin: auto;
    display: block;
    width: 95%;
    }

    input:focus, select:focus, textarea:focus {

    }

    FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #9E9E9E;
    background:#B1B1B1;
    height:100%;
    }

    LEGEND {
    font-weight: bold;
    }

    LABEL, h4.optionName {
    line-min-height: 1.5em;
    padding: 0.2em;
    }

    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    }

    #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

    LABEL.inputLabel {
    width: 11em;
    float: left;
    margin-left:10px;
    }

    LABEL.inputLabelPayment {
    width: 15em;
    float: left;
    }

    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 12em;
    float: left;
    }

    P, ADDRESS {
    padding: 0.5em;
    }

    ADDRESS {
    font-style: normal;
    }

    .clearBoth {
    clear: both;
    }

    HR {
    min-height: 1px;
    margin-top: 0.5em;
    border: none;
    border-bottom: 1px solid #9a9a9a;
    }

    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-min-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #000000;
    }

    .messageStackWarning, .messageStackError {
    background-color: #ff0000;
    color: #687AA8;
    }

    .messageStackSuccess {
    background-color: #F1F6E6;
    color: #000000;
    }

    .messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }

    /*wrappers - page or section containers*/
    #mainWrapper {
    text-align: left;
    width:100%;
    vertical-align: top;
    }

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    }

    #tagline {
    color:#000000;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    }

    #sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width:95%;
    color:#ffffff;
    }
    .floatingBox a {color:#ffffff;}
    #productDetailsList li a{ color:#ffffff;}
    #productDetailsList li { color:#ffffff;}
    .wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

    /*navigation*/
    #sorter {margin:10px;}
    .navSplitPagesResult { margin-left:10px; margin-right:10px;}
    .navSplitPagesLinks { margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px;}
    .navNextPrevCounter {
    margin: 0em;
    font-size: 0.9em;
    }
    .navNextPrevList {
    display: inline;
    white-space: nowrap;
    margin:0px 2px 3px 0px;
    list-style-type: none;
    }
    .navNextPrevWrapper{
    margin-bottom:2px;
    }

    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #9a9a9a;
    font-weight: bold;
    color: #ffffff;
    min-height: 1%;
    width: 100%;
    }

    #navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-min-height: 1.5em;
    }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    white-space: nowrap;
    }

    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #ffffff;
    }

    #navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    min-height: 1%;
    border: 1px solid #000000;
    }

    #navEZPagesTOC ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    line-min-height: 1.5em;
    }

    #navEZPagesTOC ul li {
    white-space: nowrap;
    }

    #navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }

    #navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    margin:5px 5px 0 0px;
    }
    .buttonRow2{
    margin:5px 0px 0 0px;
    }


    #navBreadCrumb {
    background-color: #cc9900;
    }

    #navEZPagesTop {
    background-color: #ffff33;
    }

    #navBreadCrumb, #navEZPagesTop {
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }

    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }

    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    /*font-size: 1.2em;*/
    /*padding: 0.5em;*/
    }
    .content {
    margin:0 10px 0 10px;
    }

    .alert {
    color: #FF0000;
    margin-left: 0.5em;
    margin-right:5px;
    }
    .advisory {}
    .important {
    font-weight: bold;
    margin:5px;
    }
    .notice {}
    .rating{}
    .gvBal {
    float: right;
    }
    #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    padding: 0.8em;
    }

    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;
    }

    /*Shopping Cart Display*/
    #cartAdd {
    float: right;
    text-align: center;
    margin: 1em;
    border: 1px solid #000000;
    padding: 1em;
    }

    .tableHeading TH {
    border-bottom: 1px solid #cccccc;
    }

    .tableHeading, #cartSubTotal {
    background-color: #e9e9e9;
    }

    #cartSubTotal {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
    line-min-height: 2.2em;
    padding-right: 2.5em;
    }

    .tableRow, .tableHeading, #cartSubTotal {
    min-height: 2.2em;
    }

    .cartUnitDisplay, .cartTotalDisplay {
    text-align: right;
    padding-right: 0.2em;
    }

    #scUpdateQuantity {
    width: 2em;
    }

    .cartQuantity {
    width: 4.7em;
    }

    .cartNewItem {
    color: #ffffff;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartOldItem {
    color: #660099;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartBoxTotal {
    text-align: right;
    font-weight: bold;
    }

    .cartRemoveItemDisplay {
    width: 3.5em;
    }

    #cartAttribsList {
    margin-left: 1em;
    }

    #mediaManager {
    width: 50%;
    margin: 0.2em;
    padding: 0.5em;
    }
    .normalprice, .productSpecialPriceSale {
    }
    .normalprice{ text-decoration:line-through; font-size:12px; color:#9D9D9D;}

    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    font-size:15px;
    font-weight:bold
    }

    #cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }

    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    }

    .totalBox {
    width: 5.5em;
    text-align: right;
    padding: 0.2em;
    }

    .lineTitle, .amount {
    text-align: right;
    padding: 0.2em;
    }

    .amount {
    width: 5.5em;
    }

    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 0em 1em 1em 0em ;
    }

    .categoryIcon {}
    #cartImage {
    margin: 0.5em 1em;
    }

    /*Attributes*/
    .attribImg {
    width: 20%;
    margin: 0.3em 0em;
    }

    .attributesComments {}

    /*list box contents*/
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    margin: 1em 0em;
    }

    /*sideboxes*/
    .columnLeft {}
    .columnRight {}

    h3.leftBoxHeading, h3.leftBoxHeading a {
    /*font-size: 1em;*/
    color: #ffffff;
    }

    .leftBoxHeading, .centerBoxHeading {
    margin: 0em;
    padding: 0.5em 0.2em;
    }

    .leftBoxContainer {
    border: 1px solid #ffffff;
    margin-top: 1.5em;
    }

    .sideBoxContent {
    }

    h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1.1em;
    color: #FFFF00;
    }

    .rightBoxHeading {
    margin: 0em;
    background-color: #663366;
    padding: 0.2em 0em;
    }

    h3.leftBoxHeading a:hover {
    color: #FFFF33;
    text-decoration: none;
    }

    h3.rightBoxHeading a:hover {
    color: #FF0000;
    text-decoration: none;
    }

    .rightBoxContent {
    margin-bottom: 1em;
    }

    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {

    }

    .cartTotalsDisplay{
    font-size: 10px;
    }

    #bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }

    #bestsellers ol {
    padding: 0;
    margin-left: 1.1em;
    }

    #bestsellers li {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }

    #bannerboxHeading {
    background-color: #0000CC;
    }

    #upProductsHeading {
    text-align: left;
    }

    #upDateHeading {
    text-align: right;
    }

    /*misc*/
    .back {
    float: left;
    }

    .forward {
    float: right;
    }

    .bold {
    font-weight: bold;
    }

    .rowOdd {
    background-color: #E8E8E8;
    min-height: 1.5em;
    vertical-align: top;
    }

    .rowEven {
    background-color: #F0F0F0;
    min-height: 1.5em;
    vertical-align: top;
    }

    CAPTION {
    /*display: none;*/
    }

    #myAccountGen li, #myAccountNotify li {
    margin: 0;
    }

    .accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    /*vertical-align: top*/
    }

    .accountQuantityDisplay {
    width: 10%;
    vertical-align: top
    }

    TR.tableHeading {
    min-height: 2em;
    }

    #siteMapList {
    width: 90%;
    float: right;
    }

    .ratingRow {
    margin: 1em 0em 1.5em 0em;
    }

    LABEL#textAreaReviews {
    font-weight: normal;
    }

    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {

    }

    /*!!!!!!!!!*/
    #gvFaqDefaultMainContent{margin:10px 15px 0 15px;}
    #gvFaqDefaultContent{margin:0 5px 0 5px;}
    #reviewsDefaultNoReviews{margin:0 5px 5px 5px;}
    #createAcctSuccessMainContent{ margin:5px;}

    .main_block {margin:20px;}

    .ee {text-decoration:line-through;}
    .rtp {font-weight:bold;}

    thanks,
    Gordon

  4. #4
    Join Date
    Aug 2007
    Posts
    84
    Plugin Contributions
    0

    Default Re: Changing Background colour (Again)

    eureka!! I have solved my problem...I was looking at "stylesheet.css" when the changes need to be made in "style.css"

 

 

Similar Threads

  1. Changing background colour of mainpage wrapper only
    By g3steve in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 9 Sep 2009, 10:33 PM
  2. Changing background colour for different categories
    By hackshawdave in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Jun 2008, 04:07 PM
  3. Changing Background Colour
    By robert_harper_2000 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Nov 2007, 01:06 AM
  4. Changing background colour in shopping cart
    By dandownunder in forum Built-in Shipping and Payment Modules
    Replies: 2
    Last Post: 27 Jul 2006, 06:06 PM

Posting Permissions

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