WordPress.com Forums » Topic: Add background image to one page using CSS upgrade http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade WordPress.com Forums » Topic: Add background image to one page using CSS upgrade en Wed, 19 Jun 2013 07:34:32 +0000 http://bbpress.org/?v=1.1-alpha-2539 panaghiotisadam on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805264 Mon, 30 Jan 2012 17:57:34 +0000 panaghiotisadam 805264@http://en.forums.wordpress.com/ Sorry, I don't know (as I said, this code does make the image centered in my tests blog). You'll have to wait for Rich (thesacredpath) or staff.

]]> libraryexample on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805172 Mon, 30 Jan 2012 15:46:08 +0000 libraryexample 805172@http://en.forums.wordpress.com/ Still left-aligned- and also, I'm not seeing any transparent effect. I checked it in Firefox and Explorer. What could I be doing wrong?

]]> panaghiotisadam on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805164 Mon, 30 Jan 2012 15:36:19 +0000 panaghiotisadam 805164@http://en.forums.wordpress.com/ Strange - in my tests blog it's centered. (I also forgot you wanted it on one page only, and wrote only "body" above).
Try this:
body.page-id-2338 {
background: url("IMAGE URL HERE") no-repeat fixed transparent center top !important;
}
]]> libraryexample on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805156 Mon, 30 Jan 2012 15:30:50 +0000 libraryexample 805156@http://en.forums.wordpress.com/ It doesn't really look any different.- the image is still shifted over to the left.

]]> panaghiotisadam on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805143 Mon, 30 Jan 2012 15:20:26 +0000 panaghiotisadam 805143@http://en.forums.wordpress.com/ That's because your image isn't wide enough and it's left-aligned. Try a wider image, and use this variant:
body {
background: url("IMAGE URL HERE") no-repeat fixed transparent center top;
}
]]> libraryexample on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805118 Mon, 30 Jan 2012 14:53:37 +0000 libraryexample 805118@http://en.forums.wordpress.com/ Hmm. This looks ridiculously bad. Any suggestions?
http://brownmackielibrary.com/library-information/bmc-child-care-fair-registration/

]]> panaghiotisadam on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805106 Mon, 30 Jan 2012 14:39:12 +0000 panaghiotisadam 805106@http://en.forums.wordpress.com/ You just go to Appearance > Custom Design and paste the above code in the CSS Stylesheet Editor (replacing URL OF IMAGE with the actual URL of the image).

]]> libraryexample on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-805086 Mon, 30 Jan 2012 14:22:02 +0000 libraryexample 805086@http://en.forums.wordpress.com/ Sorry about the delay- thanks for your help with this. I can't figure out how to edit the page's CSS. It's not under the CSS tab under Custom design and I don't see it anywhere on the specific page editor.

]]> thesacredpath on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-800597 Tue, 24 Jan 2012 18:38:50 +0000 thesacredpath 800597@http://en.forums.wordpress.com/ You need to download the one you want to use and then it has to be prepared and optimized for the web so that it doesn't take forever to load on the page. The image when edited and optimized should be no more than 200k in file size, and 150k would be even better. A width of 1500px would be the maximum I would suggest.

You then upload that image to the media library on your site, get the URL of that image and put it where it says, URL OF IMAGE between the double quote marks.

body.page-id-2338 {
background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
}
]]> thesacredpath on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-800588 Tue, 24 Jan 2012 18:26:09 +0000 thesacredpath 800588@http://en.forums.wordpress.com/ This page, http://egomod.deviantart.com/gallery/5021213 , has 8 different images on it.

]]> libraryexample on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-800564 Tue, 24 Jan 2012 17:59:59 +0000 libraryexample 800564@http://en.forums.wordpress.com/ This is the page http://libraryexample.wordpress.com/library-information/bmc-child-care-fair-registration/
and the image is here http://egomod.deviantart.com/gallery/5021213

thanks!

]]> thesacredpath on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-800555 Tue, 24 Jan 2012 17:53:30 +0000 thesacredpath 800555@http://en.forums.wordpress.com/ In many themes this can be done. We need the URL of the background image and what is the URL of the page you want to put it on?

]]> libraryexample on "Add background image to one page using CSS upgrade" http://en.forums.wordpress.com/topic/add-background-image-to-one-page-using-css-upgrade#post-800510 Tue, 24 Jan 2012 17:00:38 +0000 libraryexample 800510@http://en.forums.wordpress.com/ Hi, I'd like to create a page with a registration form (I'm using the contact form) but have it overlayed on top of an image. We have the CSS upgrade and are using DePo Masthead theme. (site http://www.brownmackielibrary.com)
thanks for your help!
abigail

]]>