WordPress.com Forums » Topic: HOW TO ADD AN IMAGE FOR POST BACKGROUND http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background WordPress.com Forums » Topic: HOW TO ADD AN IMAGE FOR POST BACKGROUND en Tue, 21 May 2013 15:33:36 +0000 http://bbpress.org/?v=1.1-alpha-2539 thesacredpath on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-788400 Tue, 10 Jan 2012 18:15:24 +0000 thesacredpath 788400@http://en.forums.wordpress.com/ The image you create will have to be saved as either a PNG or a GIF to retain the transparency.

]]> thesacredpath on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-788399 Tue, 10 Jan 2012 18:13:08 +0000 thesacredpath 788399@http://en.forums.wordpress.com/ CSS is theme specific. You can't use the bit of code I gave the other person for iNove on your theme and expect it to work in Twenty Eleven.

Create your background image with whatever level of opacity you want and then upload and insert it at appearance > background. To get rid of the yellow color (if that is what you want) then delete the color code from the background color field at appearance > background.

]]> maletarte on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-788211 Tue, 10 Jan 2012 14:17:53 +0000 maletarte 788211@http://en.forums.wordpress.com/ It doesn't work, the transparence in only on the page (center), not on the outside of the template.

The color selected in the option is still there.

I need the background image in the back of the whole template, which means basically either margins of the page, left and right, and the bottom.

Do you understand what I mean ? Is it possible ?
I haven't seen any wordpress template with a background like this, except for the custom made template...

]]> maletarte on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-788200 Tue, 10 Jan 2012 14:04:05 +0000 maletarte 788200@http://en.forums.wordpress.com/ Like this ? with both code ?

#page, #site-generator {
background: transparent !important;
}

#main {
background: url("IMAGE URL") repeat scroll center top #FFFFFF;
}

]]> thesacredpath on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-787983 Tue, 10 Jan 2012 04:05:34 +0000 thesacredpath 787983@http://en.forums.wordpress.com/ See what this does for you.

#page, #site-generator {
background: transparent !important;
}
]]> maletarte on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-787965 Tue, 10 Jan 2012 02:47:11 +0000 maletarte 787965@http://en.forums.wordpress.com/ I would like to do the same but for the background of the whole theme, behing the post and the pages. I am using this site : ledalymorin.wordpress.com

So instead of one color (yellow here) I want a full size image.

How can I do that ?

]]> thesacredpath on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-787865 Mon, 09 Jan 2012 23:29:48 +0000 thesacredpath 787865@http://en.forums.wordpress.com/ You are welcome.

]]> tgwriter on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-787851 Mon, 09 Jan 2012 23:22:27 +0000 tgwriter 787851@http://en.forums.wordpress.com/ Thanks much! You got me where I needed to be. All is well.

]]> thesacredpath on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-787075 Mon, 09 Jan 2012 02:19:47 +0000 thesacredpath 787075@http://en.forums.wordpress.com/ Forgot my code tags. Copy and paste the below, not the stuff above.

#main {
background: url("IMAGE URL") repeat scroll center top #FFFFFF;
}
]]> thesacredpath on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-787073 Mon, 09 Jan 2012 02:19:07 +0000 thesacredpath 787073@http://en.forums.wordpress.com/ If you have uploaded the image to your media library, go to the media library, locate the image and click the "show" link. Down at the bottom of that resultant page will be a grey field with the full URL of the image in it. Add the following to the CSS edit text area (delete the informational text there now) and then put your URL where it says IMAGE URL between the double quote marks.

#main {
background: url("IMAGE URL") repeat scroll center top #FFFFFF;
}

]]> tgwriter on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-787041 Mon, 09 Jan 2012 01:22:26 +0000 tgwriter 787041@http://en.forums.wordpress.com/ Thanks for the quick reply! The background is for the entire post area. I figured I would have to use the absolute path. I just don't know what it is. Do you?

]]> thesacredpath on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-786996 Sun, 08 Jan 2012 23:54:47 +0000 thesacredpath 786996@http://en.forums.wordpress.com/ You have to use the full absolute URL for the image in your media library starting with http://.

Are you talking about putting a background on individual posts, or behind the entire post content area?

]]> tgwriter on "HOW TO ADD AN IMAGE FOR POST BACKGROUND" http://en.forums.wordpress.com/topic/how-to-add-an-image-for-post-background#post-786986 Sun, 08 Jan 2012 23:33:41 +0000 tgwriter 786986@http://en.forums.wordpress.com/ I'm trying to use a Custom Design CSS edit to tile a background image within the Post area of my iNove theme. What location do I use for an image that comes from my blog's Media Gallery?

background-image: url(img/mypic.gif);

doesn't work because 'img' is the theme's image folder.

This must be easy, but wading through the documentation and searching the forum for a couple hours sure hasn't helped at all. Can anyone clear this up for me?

]]>