background image disappeared!!! - twilight zone stuff.

**redsoxgirl42** · Mar 25, 2012 23:17

I am desperate. I need to get this to my client Monday morning.

Been working on it for a week. Never had a problem.

Now, all of a sudden background image (brick007.jpg) mysteriously disappears!!

It was working yesterday.

Yes, I made some site updates but NEVER touched the background image on the css file. Now, today, it is just gone.

Still shows up in my html editor preview pane. But not on any browsers.

Tested in on other random sites of mine and it shows up there, no problem.

IN FACT, I cannot even get a plain background COLOR to show up!

http://millworksplace.com

css:
http://millworksplace.com/default.css
body {
margin: 0px;
padding: 0px;
background-image: url('images/brick007.jpg');
font: 14px arial, Helvetica, sans-serif;
color: #7E5752;
}

I'm just completely stumped. PLEASE help!!!

Thanks!

**ralph.m** · Mar 25, 2012 23:40

You have some kind of emailmeform style sheet in there, whose default body styles are overriding your proper ones:

Code:

BODY {
    background-color: transparent;
    background-image: none;
    margin-top: 15px;
}

If you don't know how to deal with that, a quick and dirty fix is to add !important to your main style sheet:

Code:

body {
     background-image: url("http://millworksplace.com/images/brick007.jpg") !important;
     color: #7E5752 !important;
     font: 14px arial,Helvetica,sans-serif;
     margin: 0px !important;
     padding: 0px;
}

**redsoxgirl42** · Mar 26, 2012 00:04

Originally Posted by ralph.m

You have some kind of emailmeform style sheet in there, whose default body styles are overriding your proper ones:

Well, that would not work. But you are my hero anyway, because once I knew where the problem was coming from, I played around with it. Since I have no control over the emailmeform css, I just added the css for the body in the html page and VOILA!! It worked!

THANK YOU!!!!!!!!

**ralph.m** · Mar 26, 2012 00:08

Hm, it should work in the style sheet itself. It certainly works when I test it. You may just have needed to refresh the browser. Make sure to put !important before the closing colon. You'll want to do this especially if the site is to have any other pages.

Also, did you want the gap at the top of the page? If not, don't forget !important for the margin setting also.

**redsoxgirl42** · Mar 26, 2012 01:31

OK, thanks man. Guess I did not add it before the closing colon or something. I'll try it again just for fun. This will be the only page.

Thanks again, Ralph! Lifesaver!