Background not working properly

HTML & CSS
1

I am working on a website, in which i use this background (save and zoom in and you will see pattern) but on website when i use it www[dot]newdaybankruptcy[dot]com , the background seem odd. what am i missing? the image i got is 1280x 2280px. but on website it seem like it like 10x10px and repeating.

2

That’s what the actual image looks like, though.

You have two background settings, though—one pointing to the image above, and the other pointing to something on your localhost:

body.custom-background {
background-color: #E6E6E6;
background-image: url('http://[COLOR="#FF0000"]localhost:8888[/COLOR]/mlg/wp-content/uploads/2013/07/background.jpg');
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
3

Nothing changes after that i put on ur css, where is the second background redundancy happening? i will see to change the background too. though its 1208 by 2288.
p.s - can you remove the link to the website? i don’t want it to be indexed.

4

I tried to republish the image of back but it didn’t work. here is the real one, zoom in to see (if u can’t see patterns)

5

In your HTML, line 54:

body.custom-background {
background-color: #E6E6E6;
background-image: url('http://localhost:8888/mlg/wp-content/uploads/2013/07/background.jpg');
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}
6

( The grey background you see is not a 10*10px repeated image, but just the indicated {background-color:#E6E6E6;}; visible in case the bg-img cannot be found. )

It should be:

...
background-image: url("http://www[dot]newdaybankruptcy[dot]com/wp-content/uploads/2013/07/background.jpg");
7

i removed it now. but still now nothing changed. why? i am confused

8

That’s strange: the #E6E6E6 has disappeared and I can see the background-img now, however it is difficult to see (hardly any contrast).

[CENTER]
(enlarged to 200%)[/CENTER]

Did you empty your browser-cache?

*) Maybe you cannot see the background-img of the screenshot above as well: it depends on the individual (visitor’s) setting of the screen contrast and screen brightness; also the (day)light and the position of the monitor have influence. And last but not least: the contrast ability of the eye of the visitor.

9

Ditto. I see the background pattern, too, in FF.

10

Yes, in all browsers on PC: Firefox, Chrome, Opera, Safari and IE8, IE9 & IE10. :slight_smile: