I am trying to set a background image to my site. The image must not repeat but instead run into a colour. Can anyone help me with the code I need to add.

I know that I need to add something like:

background: url(/wp-content/themes/atahualpa/images/image.jpg);

to the body style images but cannot work out what I need to add to that line for the colour?

well you could use 'background-color' and 'background-image'. 'background' is a shorthand for all the background options (background-color, background-image, background-repeat, background-attachment and background-position).

A good place to check out syntax is http://www.w3schools.com/css - I'm always going there to get the syntax right.

I'd like to learn how you did that with the background image, would you mind explaining what file you made those changes to, please?

Also - any chance you could link to your site to show what it looks like, please?

thanks!

You add the code at ATO->Body, Text & Links->Body Style

I am trying to get this to work:

background-image: url(/.../.../main_bg.gif) no-repeat top left;
background-color: #000000;

My image is a gradient that fades to black. I want the black background to be used with the image so I don't have to create a massive image. This doesn't seem to work though. What did I miss?

Try using

Background: #000000; URL(........

IE use the shorthand version of the background statement.

What is the URL?

Originally Posted by juggledad

Try using

Background: #000000; URL(........

IE use the shorthand version of the background statement.

What is the URL?

That didn't work. Here's the URL:
http://www.mjrgrp.com/demo/atec/

in your 'Body Style' options you have

body{
text-align:center;
margin:0;
padding:0;
font-family:tahoma,arial,sans-serif;
font-size:0.8em;
background:#000000;url(/demo/atec/wp-content/themes/atahualpa/images/bg2.jpg) no-repeat top left;
padding-top:20px;
padding-bottom:20px

change the ';' after #000000' to a space.

the ';' defines the end of the option, so while the color is applied to the background, the url for the image is ignored. (damn punctuation)

Doh! I cant believe I missed that. I really need to get glasses... Thanks for the catch!