Changing Background Image - Background just turns white!
 

Hey All,

My basic site I am slowly working on :) http://www.thenaughtygiftstore.com

I recently purchased a Magazine theme for it and am having fun (Albeit Frustrating) time getting it to look how I want. I appreciate its a slow process for newbies but learning is good for you!

So, I'll come to the point: I want to customise my themes background and have come unstuck. As you know the Magazine background is grey and I have found a nice image background that I want to replace it with.

I have followed other peoples advice on the net and I found them relatively simple to follow - but the end results just shows me a blank white background and not the image I am looking for. I am not sure what else to do and I dont want to give up.

So, heres what I did:

I downloaded the image I want to use from a site (It's free) to my desk top. I then unzipped it
I opened my FTP and transfered that gif image to: wp-content/themes/default/images ---> Uploaded.

So then I thought that it was correct to go to the editor> css style sheet and then insert the name of the file of the new image I want into this piece of code:

body {
background: #EBEBEB url(themes/default/fuchsia.gif) top center repeat-y;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

I am doing something blatantly wrong - It doesnt change it but just makes the background blank white?

Any help to get this image for my background will be very much appeciated!

Thank you :coffee:

Callie

Re: Changing Background Image - Background just turns white!
 

Assuming you've uploaded the image file to the theme's images folder you need to change this
url(themes/default/fuchsia.gif)
to this
url(images/fuchsia.gif)

Re: Changing Background Image - Background just turns white!
 

Thanks Sozo, Yes I uploaded into the wrong folder, thanks for pointing that out, the penny dropped when you said that :clap:

So... now the image is there BUT.... it doesnt cover the whole background - only a centre strip image is displayed - Have you got any advice about making it fill the whole background? Repeat itself so to speak?

www.thenaughtygiftstore.com

The code I have now is:

body {
background: #EBEBEB url(images/fuchsia.gif) top center repeat-y;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}



Cheers,

Callie

Re: Changing Background Image - Background just turns white!
 

You have it set to only repeat in the center of the page. Just delete this "top center repeat-y"

Re: Changing Background Image - Background just turns white!
 

Thanks but Oh Dear, What am I doing wrong? It still ends up just white?

When I did as you said, it got rid of the image in the centre and just was white again. I just don't get it


I have tried:
body {
background: #EBEBEB url(images/fuchsia.gif)repeat-y;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

and as you said:

body {
background: #EBEBEB url(images/fuchsia.gif)repeat-y;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

It's still white! Really sorry but I am stumped as to what to do next. What could possibly be wrong?

Re: Changing Background Image - Background just turns white!
 

Actually something has happened, but just on one side?

How strange? How can I get it on both sides?

Thats what I have, I would have though it would be on the whole background? I guess I/m getting there slowly :lol:

body {
background: #EBEBEB url(images/fuchsia.gif) repeat-y;
color: #333333;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

Any advice appreciated :)

Re: Changing Background Image - Background just turns white!
 

you need to delete the repeat and it will repeat on it's own

background: #EBEBEB url(images/fuchsia.gif) ;

you will have fewer css difficulties down the road also if you leave the top of the stylesheet as

Theme Name: Magazine

Re: Changing Background Image - Background just turns white!
 

Debra - That's excellent thank you - it's done. I cannot believe this has taken me so long to figure out.

I have one more thing to ask however - I changed back the theme name: Magazine as you said, and then on my site, the main header has the word 'Magazine' in it again. I of course want 'The Naughty Gift Store' in it until my custom header arrives.

I can't find the simple way of doing this? Even in settings, I have:

Blog Title: THE NAUGHTY GIFT STORE

Which I would have thought changed the name but it's still 'Magazine' when I visit the site

How can I change it to the Website name and get rid of Magazine in the header?

Cheers for your help!

:clap:

Re: Changing Background Image - Background just turns white!
 

if you go to Appearance- Magazine Theme Options in your WordPress dashboard, near the top you will see

Header Blog Title

if you choose dynamic text from the drop down and then save the change your site title will appear. If you create a logo 260x80 and save it as logo.png and upload it to your theme images folder and then choose use an image logo your new logo will appear.

Re: Changing Background Image - Background just turns white!
 

LOL It worked :roll: I tried that before and I think something was really wrong as it didnt change the text even when I asked it to use dynamic text... probably as you say casue I changed the theme title?

Somethings are more simple than I first think.

Thanks again, great help here...

:D