How to add a background image?

  • Resolved themamalist

    (@themamalist)


    17 years, 3 months ago

    Hello,

    I’m trying to add a background image to my blog and have tried everything I can think of to no avail. I first tried editing from wp-admin by changing the body style to:

    font-family: tahoma, arial, sans-serif;
    font-size: 0.8em;
    color: #000000;
    background: #FFFFFF url(images/sakura.png);

    where the image I am trying to change the background to is sakura.png, located in the theme images folder. This didn’t work so I tried the same thing by editing the style.css file directly in the body section, but this didn’t work either.

    I would really appreciate any help!

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • gixxer

    (@gixxer)

    17 years, 3 months ago

    Remove the color code and tell it how to repeat (x, y or no) the image. Put the color on a separate line.

    background: url('imgs/bg-page.jpg') center top no-repeat;

    t31os

    (@t31os)

    17 years, 3 months ago

    You don’t need the color on a seperate line…

    The back propery is shorthand for…

    background-color;
background-image:;
background-attachment;
background-repeat:;
background-position:;

    For example this would be shorthand for background color,image,center and repeat…

    background:#fff url('pathtoimage/image.jpg') repeat-x center top

    If you want transparent then….

    background:transparent url('pathtoimage/image.jpg') repeat-x center top

    If you refer to text color ‘color’, then it really doesn’t matter on whether it comes before or after background, so again the suggestion will make no difference at all.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to add a background image?’ is closed to new replies.