CODEWITHSUNDEEP
htmlcsswordpressblogs
Aidanc
Aidanc

Reputation: 7011

background image not rendering on wordpress theme

Topic explains it all. I've got it set as...

  body{
         background-image:url('images/bg.gif');
         background-repeat:repeat-x repeat-y;
      }

Can't seem to figure out why it's not rendering in the background. I'm new to wordpress themeing in general. Could anyone help me out? I've posted a link to the content in full below.

http://www.aidanchurch.com/blog/

Upvotes: 0

Views: 803

Answers (3)

jackmarrows
jackmarrows

Reputation: 55

Check that you have uploaded the correct image to the correct place. When I tried to view the image I could see a very small and transparant image. http://www.aidanchurch.com/blog/wp-content/themes/bloo_06/images/bg.gif .

Upvotes: 1

markratledge
markratledge

Reputation: 17561

In the style sheet, I see some garbage characters right in front of the

body{ background-image:url('images/bg.gif');

line in the css file. Those might be making the rendering skip the rule. I'd backspace and clean that up.

Upvotes: 4

Marcus Whybrow
Marcus Whybrow

Reputation: 20008

It looks like you background image is located here:

http://www.aidanchurch.com/blog/wp-content/themes/bloo_06/images/bg.gif

So first of all try an absolute address like so:

background-image: url('/blog/wp-content/themes/bloo_06/images/bg.gif');

However if that works, you really want a relative URL, so take a look at the directory structure of your theme and ensure the background image is indeed relative to the css file you have written that rule in, in the way you have written.

Upvotes: 1

Related Questions