Background colour

valks1 · #1 03-31-2009, 01:29 PM

hi

i make a change of colour to the background and save it, but the colour does not change can you please help.

html,body {
height: 100%;
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 0px none;

Victor D · #2 04-01-2009, 01:41 AM

Yes, it is placed in the line 9 of your skin1/main.css

Code:

background-color: #ffffff;

I replaced it with

Code:

background-color: #cccccc;

and it works.
Try to empty your browser cache

if you mean that you can't edit files in admin try this patch
http://forum.x-cart.com/showthread.php?t=46155

valks1 · #3 04-01-2009, 11:21 AM

I still cant get it to work!
I have changed the colour#cccccc;
But it does still not show.
I have ctrl f5 in explorer but still the same.
My colour line is 12 and not 9

Any ideas ?

/*
$Id: main.css,v 1.130 2008/12/11 09:14:58 max Exp $
vim: set ts=2 sw=2 sts=2 et:
*/
/*
general tags styles

html,body {
height: 100%;
background-color: #oooooo;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 0px none;

ARW VISIONS · #4 04-01-2009, 06:45 PM

the tag may be re-defined later in the .css file

cloudywool · #5 04-01-2009, 08:12 PM

i m using 4.2 and this is how it worked for me, altho the bg color i changed to was ugly and i changed it back later. if you want to change the look just changing the bg color isnt enough, u got to create a whole new theme to look consistent, anyways.
this is how i changed bg:
locate skin1/main.css
copy paste main.css in text edit
command+F(in mac) to locate code"#ffffff" then replace all "#ffffff" with the color you want(because the css was too long and i wasnt entirely sure which #ffffff is in charge of the main bg so i just changed them all, a dumb method i'd say, but works)
paste the new main.css in skin1/main.css and save
reset safari or other browsers clean up the old data
load your site again and the bg should be changed(most likely to be ugly tho cause changing only one thing in a while design usually look weird)

MUST BACK UP YOUR MAIN.CSS BEFORE YOU EDIT IT, IN CASE YOU HATE THE NEW COLOR SO YOU CAN CHANGE IT BACK.

ARW VISIONS · #6 04-01-2009, 08:35 PM

The main background is either controlled by the html or body tag. Most people change the body tag.

If you have a site that stretches the entire width the screen you will need to change something else. Can't think of it for 4.2 right off the top of my head.

retrtrtrytrutru · #7 04-02-2009, 06:27 AM

X-Cart v4.2 uses page-container and content-container DIVs for layout but they don't have any background colour by default. valks1 it would be easier if you would post a link to your website so we can examine the page code and the CSS file. By default, main.css would control your colours and layout and the mentioned line controls your background colour.

valks1 · #8 04-02-2009, 11:49 AM

My website is www.networkingsuperstore.co.uk

retrtrtrytrutru · #9 04-02-2009, 10:56 PM

Hi valks1, I have looked at your site, in the source code I can see that you're using the following stylesheet:

Code:

<link rel="stylesheet" href="/skin1/skin1_c.css" />

Within this stylesheet the following statement is made:

Code:

HTML,BODY {
    MARGIN: 0px;
    PADDING: 0px;
    BACKGROUND-COLOR: #FFFFFF;
}

This means that your background is set to white... Change the color code (#FFFFFF) and your background should change. Note that changing this code will most likely change your entire background, if you want the center table to remain white or a different color look up:

Code:

TABLE.Container {
}

In your stylesheet (/skin1/skin1_c.css) and add:

Code:

TABLE.Container {
    BACKGROUND-COLOR: red;
}

You can of course change red to any colour you want..