Page 1 of 3 123 LastLast
Results 1 to 10 of 21
  1. #1
    Join Date
    May 2005
    Location
    Middletown,N.Y.
    Posts
    17
    Plugin Contributions
    0

    Page Background Color

    I have been up and down everything and cannot seem to find were to change the color for the page outside of the site. I am using my_template and have a whitebackground which is to much so am lookin to change it to yellow or something else to match the rest of the sites color scheme. I did it on my other site but it is an older version and it was so long ago. Here are both sites the first I was able to make grey,or#333333,http://newyorkcustomgolf.com, Here is the one I need to get rid of the white background on http://orangecountycustomgolf.com

    Thanks in advance and i will keep on looking.

    Greg Schubert

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Page Background Color

    Add this to your "body" tag in your stylesheet.css

    background-color: #000000;
    change the portion in red to the hex-code you need.

  3. #3
    Join Date
    May 2005
    Location
    Middletown,N.Y.
    Posts
    17
    Plugin Contributions
    0

    Default Re: Page Background Color

    Thank You very much, appreciate the help

    Greg

  4. #4
    Join Date
    Sep 2006
    Posts
    14
    Plugin Contributions
    0

    Default Re: Page Background Color

    I have been trying to change my background color in the Gloss Black Template, but it is white no matter what color I change it to. I am changing the color in the Body of the stylesheet.css in the Gloss Black/CSS folder.

    body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #000000;
    background-color: #F5F813;
    }

    Do I need to clear my cookies or cache? Please let me know.

    Thanks

  5. #5
    Join Date
    Sep 2006
    Posts
    14
    Plugin Contributions
    0

    Default Re: Page Background Color

    After looking at it more closly, I need to change the mainpage background, and info box backgrounds,. I want to change them from white to black, with white font. I have still tried to change every background color in the stylesheet.css to black, and they continue to be white. Please let me know where to change the main page and info box backgrounds (and fonts) Thanks

  6. #6
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Page Background Color

    Try this:

    .leftbox, .rightbox, .centerbox, .singlebox {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    background: #000000;
    border: 2px solid #006600;
    margin-bottom: 15px;
    color: #ffffff;
    }

    add/change the portions in red for the sideboxes.

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Page Background Color

    Depending on the look that you want and if the sideboxes have space between them you might also look at these stylesheet entries:
    Code:
    #navColumnOne {
    	background-color: #FFFFFF;
    	}
    
    #navColumnTwo {
    	background-color: #FFFFFF;
    	}

  8. #8
    Join Date
    Sep 2006
    Posts
    14
    Plugin Contributions
    0

    Default Re: Page Background Color

    I have tried both of these entries, and the page/boxes are still white. Just as a test I did a search for "background" in the gloss blue stylesheet.css and changed every entry that contained background to color 000000, so in theory the whole page should be black, but.... no, all of the boxes/mainpage are still white. I then went into the template_default CSS and changed all background entries in there to color 000000, the page still is white. Can someone please let me know which files to change and what directory they are in. I cannot seem to change the white boxes background to black with white font. Thanks....

  9. #9
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Page Background Color

    All done by the Gloss Black template CSS...

    To change main body to black w/white text;
    Code:
    #mainWrapper {
    	background-color: #000000;
            color: #ffffff;
    	text-align: left;
    	vertical-align: top;
            border: 1px solid #000000;
    	}
    To change sidecolumns to black; As Kobra said, change those to black. That will change the outer perimeter color.

    To change sidebox contents to black, while keeping the main text white;
    Code:
    .rightBoxContent, .leftBoxContent, .sideBoxContent {
    	background-color: #000000;
            color: #ffffff;
    	padding: 0.5em;
            font-size: 1.1em;
    	}
    The rest of the text/links portion, is up to you.
    Last edited by Sketchy; 5 Sep 2006 at 07:49 AM.

  10. #10
    Join Date
    Oct 2006
    Posts
    175
    Plugin Contributions
    0

    Default Re: Page Background Color NEW Question

    What If I just wanted the Main front page to have a different color that the product pages?
    See here: http://www.moppetfrocks.com/shop/

    I would like the middle to be the same color blue as the bordering background.

    BUT when they go into the store the products will still remain on the white background for the center portion . Like so: http://www.moppetfrocks.com/shop/ind...index&cPath=63


    Can this be done?
    ~Renee
    [FONT="Comic Sans MS"]Red[/FONT]

 

 
Page 1 of 3 123 LastLast

Similar Threads

  1. Change color of background page checkout
    By dovershire in forum General Questions
    Replies: 4
    Last Post: 25 Nov 2010, 07:56 AM
  2. Paypal Payments Page Background color
    By GKetell in forum Built-in Shipping and Payment Modules
    Replies: 0
    Last Post: 22 Mar 2009, 01:29 AM

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