By senbai on

Hi all, I was just wondering how do you guys change the background color after fixed at 960 pixels wide, like how do you change the color of the two empty sides? i'd like to put some image or color so it doesn't look so empty =).

Comments

nevets’s picture

nevets commented

It depends to some degree on the theme but it most cases you add a background color or image to the body tag using css.

senbai’s picture

senbai commented

I have tried that, but it just adds the color to my body or the left and right bar, I wanted to add color to the two empty sides. Is there any chance you can write it out for me please? Because I tried to code it many ways, it wouldn't color the sides =/.

nevets’s picture

nevets commented

Without a link to your site that would difficult (hard to guess the html). One thing to be aware of if you add a background color to body you may need to also add a background color to various elements (sidebars, header, etc) as they may pick up the color from the body. The body tag though is the most out html element a should cover the whole screen (unless there is html that limits it's size)

zeta ζ’s picture

zeta ζ commented

Adding a background color or image to the body tag, as nevets says, is what you want, but it is not always as simple as that. Yet without a link to you site, you will have to apply this new-found knowledge yourself. You can’t expect someone to write it out for me please? when only you have access to the data that needs changing: There isn’t some panecea that will work in all circumstances – it will need to be tailored to your site.

You might have a div tag enclosing everything inside the body tag: This would be a good idea, as it would make the page render more smoothly – yet it would prevent styling of the body tag from being effective. In this case, you would need to style this div tag instead of the body.
___________________
Post a link! – you know it makes sense.
It’s in the detaιls…
demonstration portfolio