Tagged: background image
Is it possible to set a single image as a background stretched across the entire screen.
I want t ouse the following image as a background on my site. http://www.blinkybill.com.au/wp-content/uploads/WebImages/BG/BB_SG_PKG_BlueSkyBG_Leaves.png
You can use this css to do a basic background image:
background: url("http://www.blinkybill.com.au/wp-content/uploads/WebImages/BG/BB_SG_PKG_BlueSkyBG_Leaves.png") no-repeat top center;
but the image won’t stretch so you would need to modify the image a bit for larger screens.
This plugin may work too http://inoplugs.com/projects/wp-backgrounds-lite-version/
Thanks for that but now they want just the following across the top of the web page. http://www.blinkybill.com.au/wp-content/uploads/WebImages/BG/BB_SG_PKG_LeafBorder_Top.png
I have some code already that I use to push the banner down but how would I have the above image or a wider version acroos the top of the website.
You can add something like this on your custom.css or Quick CSS:
background: url('http://www.blinkybill.com.au/wp-content/uploads/WebImages/BG/BB_SG_PKG_LeafBorder_Top.png') top left repeat-x;
That doesn’t seem to work in boxed or stretched mode. In boxed mode it changes the colour of the background section above the menu.
The css will change based on where you want the actual background. If you want it behind everything you can attach it to the body selector or html selector. For the boxed background; the #wrap_all id will do it. Then the values on the backround property say how the image repeats on the actual page.
The topic ‘Stretched Single Background Image’ is closed to new replies.