How can i color the background of my site?

gmbunn · #1 (**permalink**) Jun 28th, 2008, 14:13

Hi folks,

This is my first time here and i hoped somebody can help me out. Im building a site at www.which-lcd-tv.co.uk but i want to color the background outside of the main content area, in the past ive used this code:

Code: Select all

<style type="text/css"> 
body { background-color: #010066; } 
</style>

but i purchased a template for this site and have no idea where to put the code, or even if its the correct way! If anybody could help id be very grateful, its driving me nuts!

Thanks v much

gmbunn

Jack Franklin · #2 (**permalink**) Jun 28th, 2008, 14:57

You are exactly right! Have you tried the code you posted? I see no reason as to why it would not work fine.

Aso · #3 (**permalink**) Jun 28th, 2008, 15:04

Find the file with the extension .css, and add

Code: Select all

body{background-color:#010066}

anywhere in the file (to play it safe, put it on it's own line).

That's it!

gmbunn · #4 (**permalink**) Jun 28th, 2008, 17:50

Hi,

Ive found 2 .css files! Ive added it to both but still no luck. Perhaps its something to do with there being 2 CSS files?

Here are the two files ive got.

Any ideas?

Thank you

gmbunn

CloudedVision · #5 (**permalink**) Jun 28th, 2008, 17:57

aso, background-color is not the way of writing it i would recommend. You should always use just background, whether for an image, a color, or both.

Aso · #6 (**permalink**) Jun 28th, 2008, 18:23

@CV: The only reason I suggested using background-colour, was if the CSS was already specifying a background image that gmbunn wanted to use. Using simply background would have overridden it.

@gmbunn: have you got an HTML file you could provide us? Chances are, the body background is hidden by a wrapper that takes up the whole window.

gmbunn · #7 (**permalink**) Jun 28th, 2008, 18:25

Can anybody see whats wrong with the CSS files? I've tried literally everything but the background color just wont change.

Thank you

gmbunn

Aso · #8 (**permalink**) Jun 28th, 2008, 18:28

Everything looks ok in the CSS - like I say, have you got an HTML page you could provide, so we can see the structure of your markup

?

gmbunn · #9 (**permalink**) Jun 28th, 2008, 18:31

yeah sure, here it is:

Thanks for your help, i think im going nuts here!

Aso · #10 (**permalink**) Jun 28th, 2008, 18:35

Found the issue - your background is being set *in* your HTML using inline styles, which override anything set in your stylesheets.

You need to find the line;

HTML: Select all

<body id="ctl00_div" style="margin: 0px; background-color: rgb(255, 255, 255);">

and change the rgb(255, 255, 255); part to #010066.

Trouble is, if that line is in every HTML page, you will have to modify all of them

gmbunn · #11 (**permalink**) Jun 28th, 2008, 18:51

Hi Aso,

that worked fine, but it colored the background of the whole page. I am trying to color the background outside of the site (outside of the site outline) you can see where i mean here: www.which-lcd-tv.co.uk. I dont suppose there's a simple way to do that?

again, thank you for your help

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Having a problem with background color?	jaambees	Web Page Design	2	Jan 4th, 2008 02:05
background color in xml	kool77	Other Programming Languages	2	Jul 7th, 2007 15:30
background-color	kapyrossi	Web Page Design	5	Jul 4th, 2007 15:53
background color	kaz	Web Page Design	4	Aug 4th, 2005 17:28
background color	kaz	Web Page Design	1	Apr 20th, 2005 11:43

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
How can i color the background of my site?