In order to manipulate the CSS files you will have to locate them in your theme. Typically they are usually named style.css or custom.css. Many themes have a custom css metabox in the theme options so you can work with CSS before moving it into one of your stylesheets.
Manipulating background images in CSS is a purely html/css functionality and not specific to WordPress. Here is a good article to give you an idea of what you are dealing with.
http://www.techrepublic.com/blog/how-do-i/how-do-i-use-css-to-manipulate-a-background-image/
Good luck with your project.
Hey Bob,
Thanks for your reply. Programming the CSS or finding the file is not my problem.
I tried amending the body tag through CSS to include a picture, but it did not work.
This is the code I did try:
body {
width: 100%;
height: 100%;
background-image: url(../images/background.jpg);
background-color: #EEE;
}
Changing the colour though, does work.
If I activate add_theme_support( 'custom-background' ); I can add an image through the admin panel, but it does not cover the full screen.
In your example css, the width and height styles refer to the body element, not to the background image. I think the style you are looking for is:
background-size:cover
which means: “Scale the background image to be as large as possible so that the background area is completely covered by the background image”
Perfect thanks.
Before I was not able to scroll the page if the content was too much.
For reference, the final code:
body {
background-size:cover;
background-image: url(../images/background.jpg);
}
