WordPress.com Forums » Topic: How do you add a background image in CSS?

johnlvs2run on "How do you add a background image in CSS?"

johnlvs2run — Wed, 05 Aug 2009 03:28:28 +0000

appearance > edit css

johnlvs2run on "How do you add a background image in CSS?"

johnlvs2run — Wed, 05 Aug 2009 03:27:41 +0000

Nevermind, I found it. Thanks.

johnlvs2run on "How do you add a background image in CSS?"

johnlvs2run — Wed, 05 Aug 2009 03:27:07 +0000

I might also want to experiment with the css upgrade.

Where is the css editor located?

devblog on "How do you add a background image in CSS?"

devblog — Wed, 05 Aug 2009 03:09:44 +0000

well, you are the one asking for help, obviously you don't know how to do it. On the other hand I know how to do it and I've given you solutions to what's possible the cause of your background not being displayed despite the fact that you haven't given more details on what you've been doing so far and failed.

I can certainly diagnose and debug code, I do more than CSS on a regular basis, but reading minds and trying to decipher what you're trying to do is certainly not my forte.

If you find me thick enough to not get it. You might want to try Google and find your answers there, unless of course, another forum volunteer is kind enough to help you out.

thesacredpath on "How do you add a background image in CSS?"

thesacredpath — Wed, 05 Aug 2009 02:07:51 +0000

Also explain what you want the code to do.

thesacredpath on "How do you add a background image in CSS?"

thesacredpath — Wed, 05 Aug 2009 02:04:57 +0000

Explain what isn't working. You are giving us nothing to go on.

tubbotwins on "How do you add a background image in CSS?"

tubbotwins — Wed, 05 Aug 2009 02:02:17 +0000

Wow, you don't get it, do you?

devblog on "How do you add a background image in CSS?"

devblog — Tue, 04 Aug 2009 22:27:57 +0000

if you're "experimenting" with the code you posted, of course it won't work because the browser is interpreting your code as with bad syntax since you do need an URL path there.

Remove the "url()" and leave just the HEX code value of the background property, you should see then that the background is gray. If you place an actual image path there, you should see such image as well.

tubbotwins on "How do you add a background image in CSS?"

tubbotwins — Tue, 04 Aug 2009 21:58:31 +0000

Yeah, I know you put in the URL of a picture.

And I haven't purchased the Upgrade yet. I'm just "experimenting."

devblog on "How do you add a background image in CSS?"

devblog — Tue, 04 Aug 2009 21:35:11 +0000

Assuming you do have the CSS upgrade, you do realize that where it says "URL of image here" actually goes uhm... the URL of the image you want to display right?

Also, don't use pixel units for font-sizes... is of bad practice. I'd recommend you using 'em' units instead. The equivalent to 12px is .75em

tubbotwins on "How do you add a background image in CSS?"

tubbotwins — Tue, 04 Aug 2009 21:12:05 +0000

I need a code to paste into the CSS editor. I was originally using this code . . .

body {
font-family:Arial, Helvetica, Georgia, Sans-Serif;
font-size:12px;
text-align:center;
vertical-align:top;
background:#666 url(’URL of image here‘);
}

. . . But it doesn't seem to be working. Can someone sort this out for me?