Why is my background not showing up? (Pilcrow Theme)

holleymaher · Member · Apr 4, 2011 at 9:18 pm
Copy link

Add topic to favorites
Hi, there,

My background image for my blog has suddenly disappeared. (http://www.holleymaher.com) You’ll see it’s white now, but there is normally a background image.

When I click “Background” under Appearance on my Dashboard, I can see that the image is there in the Preview, with the following settings:

Position : center
Repeat : tile vertically
Attachment ; scroll

…which I believe are the settings it’s always been set to. I have been messing about with CSS Edit today and wonder if I didn’t do something in there which caused my background image to disappear?

Any ideas why this might be happening?

The blog I need help with is: (visible only to logged in users)
holleymaher · Member · Apr 4, 2011 at 9:44 pm
Copy link
Actually, I’m having the exact same problem with another blog I’m working on setting up, also using the Pilcrow theme (http://healthyandhappyhour.com/)

Can anyone tell me why my background images aren’t showing up? I’ve even tried reverting back to the original CSS code and then uploading a background image, but that didn’t work, either. Doesn’t work even if I just choose a simple background color.

Help?
timethief · Member · Apr 4, 2011 at 10:09 pm
Copy link
Please post the image URLs when you need help with images. Also be sure they are actually in your Media Library in the respective blogs. If they aren’t there then they cannot be displayed.
timethief · Member · Apr 4, 2011 at 10:11 pm
Copy link
Hmmm … TSP will answer you when he can but I’m thinking that the background images URLs may have to be included in the CSS.
holleymaher · Member · Apr 4, 2011 at 10:54 pm
Copy link
The Pilcrow theme comes with the Custom Background feature, which means that I don’t have to edit my CSS in order to change my background image. That also means that the image does not have a URL, since, if I want to change my background image, I just go to Appearance > Background and upload it directly from my hard drive.

The background used to be there, so I know that this works without having to add the image URL to the CSS code manually, and without having to upload it to your Media Library. I’m not sure why it wouldn’t be appearing now? Maybe a glitch?
thesacredpath · Member · Apr 4, 2011 at 11:29 pm
Copy link
If you paste the entire stylesheet into the CSS edit box, this can occur. To fix it, you will want to upload the backgrounds to the media library, get the URL of that image, and then put it into the CSS in the body selector such as below.

This is for health and happy hour and you will have to go with “no-repeat” if you do not want it to tile.
```
body {
    background: url("URL of background image") repeat scroll 0 0 #FFFFFF;
}
```
This would be for Holley Mayer
```
body {
background-image: url("URL of background image");
}
```
holleymaher · Member · Apr 5, 2011 at 12:10 am
Copy link
Ok, so it worked for Healthy & Happy Hour (thanks!!) but for my website, I found this inside the css:

body {
line-height:1.5;
background-color:#fff;
color:#516064;
background-image:url(‘backgroundimageurl’);
text-align:center;
font-size:75%;
font-family:”Helvetica Neue”, Arial, Helvetica, sans-serif;
margin:0;
padding:0;

So, I replaced the words “backgroundimageurl” with the url (http://holleymaher.files.wordpress.com/2011/04/background-2.jpgA A) and that worked (the code you gave me didn’t do anything, the background remained white). However, the alignment is wrong somehow. If you mess around with your window size, you’ll notice that the image doesn’t move with webpage, so the shadow is off-center. (http://www.holleymaher.com)

**PS, I have no idea how to enter code into a message like this, so please excuse me if I hit “submit” and it turns out wrong.
holleymaher · Member · Apr 5, 2011 at 12:12 am
Copy link
Ughhhhh darn it! It WAS working! Now it’s white again…. grr.
holleymaher · Member · Apr 5, 2011 at 12:15 am
Copy link
Oh, there it goes. I don’t know where those “A”s came from after the image url. I took those out and now the background image is there. Except it’s not aligned properly.

body {
line-height:1.5;
background-color:#;
color:#516064;
background-image:url(‘http://holleymaher.files.wordpress.com/2011/04/background-2.jpg’);
text-align:center;
font-size:75%;
font-family:”Helvetica Neue”, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
thesacredpath · Member · Apr 5, 2011 at 12:23 am
Copy link
For Holley, add this to the body selector

background-position: center center;

What is the URL of the image for healthy?
holleymaher · Member · Apr 5, 2011 at 12:48 am
Copy link
PERFECT! Thank you :)

Healthy doesn’t have a background image yet, I haven’t designed it. I just plugged in what’s there to test out the color schemes. When I’m ready to add an image, I’ll just use the same code I used for my website, right?
thesacredpath · Member · Apr 5, 2011 at 12:59 am
Copy link
No, the two are a little different. Holley uses “background-image” and healthy uses “background” such as below if you build the background in the same fashion as you did for Holley.
```
body {
background: url("URL of background image") repeat-y scroll center top #FCCCB6;
}
```
I changed the above a little from what I had given you originally.
holleymaher · Member · Apr 5, 2011 at 1:19 am
Copy link
Alrighty, if you say so :)

Thanks again! You both have been really helpful.
thesacredpath · Member · Apr 5, 2011 at 1:50 am
Copy link
You are welcome, and you know where we are if you need more help.

No items found.