That depends entirely on where you want it to show up.
You do this by editing your style.css file. To add it to the body of the entire page, find the ‘body’ section and add
background-image: url(LINK_TO_YOUR_IMAGE);
If you are wanting it to go elsewhere (i.e. the post, or content), then you find the corresponding tag in your stylesheet and add the code.
There’s lots of additional options for backgrounds using CSS.
This is what I have in my css stylesheet:
body {
background: #ccc;
color: #000;
font-family: Verdana, sans-serif;
text-align: justify;
margin: 0;
padding: 0;
The name of my background image is: (PCProtection_bg.gif)
So do I change it to this:
background-image: url(PCProtection_bg.gif);
or this:
background: #ccc; url(PCProtection_bg.gif);
You can simply have something like:
background: #ccc url('images/your_pic.jpg');
provided(!) there is an /images folder in your theme’s directory and the picture is there.
I just placed the image in the same folder where my header is and it worked fine.
Thanks for the help 🙂
body as in “where we type the blog” right? i have this code
body {
background: url(IMAGE URL) repeat center; }
and i have it on the left side repeated. ..
. i would like to have a code in the blog body and transparent please
@babyluv2,
The link Nitallica provided above would be good for you, too.
can you come and check mine out, http://www.babienhu.com/blog/
that’s what i’m talking about, the bamboo .. i do want it. but i also want the background image inside my post or at least have it transparent.
Ooh, pretty! 🙂
If you use Firefox and do a lot of work on websites/themes and stuff like that, I highly recommend the CSSViewer plugin … it’s a little “jumpy” sometimes, but I can’t live without it. I just turn it on and hover over an element and it tells me what id/class it is, the width, height, etc. 🙂
Anyways, back to the topic: look in your stylesheet for “.entrada” and add your background code there. That’s the code that influences your post. 🙂
Hope that helps!
oh .. i use slimbrowser hehe .. because FF does not support Viet code =)
oh nice .. i like it .. but let me go find the perfect bg lolzz. Thanks Nitallica
because FF does not support Viet code
Hmm? Does not support it where? How comes I can see websites in any languages with FF?
but can you write it with marks?
. because my forum is vietnamese
and i need slimbrowser/ie to write it
i tried FF, but it doesn’t work on writing
I’ve seen various Firefox fixes/extensions for other languages, someone may have written something for Vietnamese too.
There’s one I saw recently called AVIM which says “allows you to type Vietnamese directly inside FF without any additional software installed.”
If not, I’m sure the ever helpful peeps of babelzilla.org are always looking for new ways to help localize Mozilla products for other languages. 🙂
thanks Nitallica, btw, how do i add background into the blog page, not blog post? .. bcuz it looks ugly .. i just tried it ahhaha
p.s i like it transparent with the outter background
I thought changing the background image was just a matter of changing the background image file. I’m using WP2.2, the standard Kubrick theme. I went into the CSS and found
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
background: #d5d6d7 url(‘images/kubrickbgcolor.jpg’);
color: #333;
text-align: center;
}
So I went into my domain file manager and found the file kubrickbgcolor.jpg. After viewing the jpg to see what it looked like, I replaced it with one of my own design. You can see the result at http://cyanidehole.com
My question for the group: How do I eliminate the checkerboard tiles and make the background ENTIRELY black?
Somebody help me please. I’m in icky-blog hell.
I got ‘er done!
I fixed it myself. No need to bother with my last post.
Thanks anyway
Jimmy
