No Picture On My Static Page and Code Doesn’t Help

Hi there,
I THINK there might be an error in the code.

Try this:
body.home { background: url(‘https://tobinband.com/wp-content/uploads/2017/03/book-glasses-red-read-159542.jpeg); }

Regards
Anja

If that code is correct, I must be putting it in the wrong place.

I’m just going into my CSS under Appearance –> Editor and pasting it at the very, very bottom, below all other codes. Should I be targeting a more specific spot?

Hi Mopgrass,
I can’t find that code in your CSS but I see there is some other CSS that might be overriding our new code. So try this:

body.home { background: url(‘https://tobinband.com/wp-content/uploads/2017/03/book-glasses-red-read-159542.jpeg)!important; }

It should got into your theme’s css file so it should be editable the way you said.

Also there are many 404 Errors on your site that you should look at.
https://pasteboard.co/2tzllsnlI.png

You should also look at using Firebug for troubleshooting. There is a lot of help on that on the internet if you google it.
Good Luck
Anja

We’re getting somewhere now. It’s at least reacting now. I went to Appearance-> Customize -> Additional CSS and pasted body.home { background: url(‘https://tobinband.com/wp-content/uploads/2017/03/book-glasses-red-read-159542.jpeg)!important; } and your other proposed code. In both instances it turns the whole front page white… and it removes background picture. Hey, it’s something. Nothing happens when I put it in the code in the Editor section. Still not quite there yet.

The 404 errors will have to wait for another day, but I’ve taken note.

Hi there,
do you have a URL where I can look at what you’ve done? I can’t see any changes on tobinband.com

Thanks
Anja

https://tobinband.com/wp-admin/customize.php?return=%2Fwp-admin%2Ftheme-editor.php%3Ffile%3Dstyle.css%26theme%3Dmanage-issue-based-magazine%26scrollto%3D7081%26updated%3Dtrue&autofocus%5Bcontrol%5D=background_image

I’m hope I’m explaining my issue correctly.

I do have a background image that I use instead of the boring color provided, but my “featured image” doesn’t show up on top of that.

When I entered the the code you provided last time, in my Additional CSS section, the background went white. I left my webpage like that so you could see.

HI mopgrass,
Very sorry, I had an error in my syntax.
It should be:
body.home { background: url('https://tobinband.com/wp-content/uploads/2017/03/book-glasses-red-read-159542.jpeg')!important; }

There are many styles trying to mess with your background…

The above code will give you a full size image and you will only see the blue area of the image. So if you want the glasses to be visible, try something along the lines of:

background: url(https://tobinband.com/wp-content/uploads/2017/03/book-glasses-red-read-159542.jpeg)!important;
    background-size: contain!important;
}

Hope that was it! ??
Good luck
Anja

We are getting on the right track. Your code got me results, just not the one I’m looking for. You are trying to change my background and I don’t have the website jargon/vocabulary to explain that I’m not trying to change my background.

Before I ever put a sidebar up, there was an area on my homepage designated for a picture. It was designated to lay on top of some of the background. Not replace it. Not to completely cover it.

I have that crackling ground background on my homepage and other pages. That is supposed to remain. The picture is to lay over only part of it. A featured image.

For an example, the picture used to take up the space on the home page that the “About Us” page uses for all my text and picture. Replacing the crackling is something I can do now without code. But I need the picture to *partially* overlay the front page, not substitute the entire background.

I created a link on my homepage… it’s labeled “Static”. If you click it, it takes you to another page that shows EXACTLY how my home page is supposed to look. If I could get my homepage to be that, it’s be perfect. It won’t. I tried.

Hi there,
I really can’t do anything more as I don’t know the theme you are using. And why don’t you just use that static page (which looks exactly as you want it) as your home page?
DID you try to make that page “static” your home page?
Sorry but I don’t know what else to do without being able to look at the backend.
Cheers
Anja

Okay, let’s try the static page way.

The static page only sets up the way I want to when I go select “Static Page” and use the Front Page as “Home” and Post Page as “Static.” Any other combination and the page I call “Static” comes out wrong. I tried to make it the home page by choosing it as the Front Page. I went to the Main Menu and added the page I call “Static” to it and put it first. It came out looking fine, but it still wasn’t the Homepage.

As of today, I changed the name from Static to Home and put it first in the main menu, but now it goes to my home URL still looks the same and then I have to select Home to see the page I want to see.