How do I modify this Wordpress theme so it has a white background?

Get Started
1

Hi,

I was wondering, how do I modify the i3Theme 1.7 center so that it is a white background?

Here is the link to the theme:

http://www.mangoorange.com/resources/i3theme/

TIA

2

color: #ffffff; <– Tried changing that to #000000, but the color of the site title did not change

for future reference “color:” changes the color of the text, not the background. :wink:
“background-color:” changes the backgrounds color, “background:” changes ALL background properties, including color, image, and image position ( visible within the bounds of the element)

3

In the stylesheet you would change the body background to white, and the page background to white.

4

Great. Thanks! It’s working now.

5

There is no need to edit any of the existing image files.

Try this:


body {
    background: white;
    ...
}
#page {
    background: white;
}

As the h1, you’ll want to change both the h1 style and the h1 a style as well.

6

Thanks, I tried uploading a white jpeg with the same dimensions as the page background image and named it the same name (main-bg.jpg; I bolded it below in the code) and renamed the original. But for some reason, that did not work. Yes, I refreshed the page.

I did not change the body background image (html-bg.gif; bolded it below) when I did that, as that is simply a 1 X 650 pxl image of a gradient blue color. So since the page background has a design on it, I figured I would be able to tell if what I thought I needed to do worked by just changing the page image. But again, for some reason, it did not work.

Also, I tried changing the site title color (I noted the code that I am referring to below), but that did not take either.

Is there something else I should be doing?

Below is the part of the code from the style.css file that I am dealing with to do these changes to the theme.

body {
background: #42afdc url(images/html-bg.gif) repeat-x;
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #333333;
}
a {
color: #CC0000;
text-decoration: none;
}
a:visited {
color: #5EAFD7;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0px 0px 15px;
}
img {
border: none;
}
ul {
margin: 5px 0px 15px;
padding-left: 10px;
}
ul li {
margin: 0px;
list-style: none;
background: url(images/bullet-orange.gif) no-repeat;
padding-left: 20px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
ol li {
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
small {
font-size: 90%;
}
blockquote{
background: url(images/blockquote.gif) no-repeat left top;
color: #777;
font-style: italic;
padding: 10px 5px 5px 36px;
}
#page {
background: url(images/main-bg.jpg) no-repeat center top;
}
#wrapper {
width: 985px;
margin: 0px auto;
position: relative;
}

/* ------------------------------------- header area /
#header {
height: 120px;
}
/ site title */
h1 {
position: absolute;
top: 40px;
left: 25px;
color: #ffffff; <– Tried changing that to #000000, but the color of the site title did not change
margin: 0px;
padding: 0px;
font: normal 30px/100% “Trebuchet MS”, Arial, sans-serif;

7

In the stylesheet you would change the body background to white, and the page background to white.