What does the ‘main body background colour’ code look like?
body {
background-color: #HEX;
}
Something similar to that?
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Sans-Serif;
background: #000000 url(‘images/g4bnew-bg.jpg’);
color: #cccccc;
text-align: center;
}
The image for the actual page background is working fine – Its the #000000 background for the middle of the page that holds the content that won’t display – Its transparent.
Eightmedia,
Out of curiosity is the main content nested inside of a DIV of its own? If not I’m not seeing where the #000000 is going to show unless the specified background image doesn’t show up. There’s no repeat value set so your current CSS would have a repeating background image leaving no room for the background color to even show. I’m guessing that the content text is held inside a separate div that needs background properties defined.
Not exactly sure what you mean as wordpress isn’t a strong point….. The code is as follows:
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Sans-Serif;
background: #000000 url(‘images/g4bnew-bg.jpg’);
color: #cccccc;
text-align: center;
}
#page {
background-color: #000000 repeat;
border: 1px solid #959596;
text-align: left;
}
#header {
background: #000000 url(‘images/kubrickheader.jpg’) no-repeat;
}
#headerimg {
margin: 7px 9px 0;
height: 174px;
width: 810px;
}
#content {
font-size: 1.3em
}
Eightmedia,
Try taking off the repeat on “background-color: #000000 repeat;”. There’s not a reason to have that value in the “background-color” definition, and is a good reason why the background color wouldn’t show up.
#page {
background-color: #000000 repeat;
border: 1px solid #959596;
text-align: left;
}
Change that to :
#page {
background-color: #000000;
border: 1px solid #959596;
text-align: left;
}
Thanks for the reply – Still no luck with that either though.
Hm, I was almost positive that would fix the problem. Would you mind posting the latest CSS?
This is the top section of the code – I assume this would be enough?
[long code moderated – use http://wordpress.pastebin.ca if you need to post long code]
I was able to pull the code you sent, and unfortunately I don’t see any major flaws that would hide your background color. There’s only a couple of other possible problems that might be present. I did notice two #page styles, but that’s nothing too huge to worry about for now. Either the #page division isn’t adjusting to your content, or there is another stylesheet in use. All your background values currently look valid. If there’s another stylesheet present then we might want to take a look in there. If not, make 100% sure that the content is in the #page division by looking through the source.
How would I check the content is in the #page division? CSS isn’t my strong point unfortunatly.
Thanks for your help so far – much appreciated!
Also just to add – It displays perfectly fine in Internet explorer 6…Just not 7 and firefox etc..
