Open style.css of your theme and edit line 79
body {
background: url(“images/background-body.png”) no-repeat scroll left top #CCCCCC;
font-family: ‘Courier New’,Verdana,Monaco,Arial,Times;
font-size: 62.5%;
line-height: 1.5em;
margin: 0;
padding: 0;
text-align: center;
}
The color #cccccc is a grey background .
Here you can find all HTML-color codes .
Hi kostas,
I did that, changed #cccccc to #ffffff (white) in that part of style.css and refreshed a couple of pages, but nothing has changed.
There must be some sort of code wording for that graded shading effect that goes from top to bottom of all my post pages. What is that, and how do I alter it so each page background is either plain gray or plain white
Any ideas?
Brian
.postbackground {
...
background: #ffffff url(images/background-post.png) repeat-x
...
}
You need to take out the image reference as well, so the line defining the background would be
background: #ffffff;
Hi cubecolour,
Postbackground already shows as #ffffff which is white, how does that relate to me wanting to get rid of graded grey?
The whole code is below, if that helps –
}
.postbackground {
width: 90%;
background: #ffffff url(images/background-post.png) repeat-x top left;
border: 1px solid #D0D0D0;
position: relative;
padding: 0;
height: auto;
margin: 0 14px;
display: block;
text-align: center;
Regards, Brian.
You are defining a background image as well as the colour, so you need to remove the reference to the image. Perhaps you should have tried it before questioning it.
For a full explanation you can read about the background property on w3schools at http://www.w3schools.com/css/css_background.asp, Pay particuar attention to the paragraph headed background – shorthand property.
The body tag is responsible for your background color . It works to me with FF’s firebug tool . Try to clear your browsers cache and/or F5 , it forces your browser to reload the CSS file .
Well, I don’t know which one worked – but it worked!!!
Thanks very much cubecolour and kostas.
Regards,
Brian.
