MyBB Community Forums

Full Version: Background Image
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Yes hello I recently added a background image to my site but how ever it's got way to much blur in it this is the code I have used

background: #ececec url(http://i1293.photobucket.com/albums/b592/Gpulos27/images_zpsjblhdosw.jpg) top left no-repeat;
    background-size: 100% 100%;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
   overflow-y: scroll;
   overflow-x: hidden;

Can anyone help me make it a perfect fit please and a good background picture this is my site link

http://sc4defined.icyboards.net/

you can take a look at my site that way u know what I am talking about.

anyways thanks and I hope to get a reply that knows this kinda stuff.
the image is too small (~300X160px) to fill the screen...

you can try to change these lines...
background: #ececec url(http://i1293.photobucket.com/albums/b592/Gpulos27/images_zpsjblhdosw.jpg) top left no-repeat;
background-size: 100% 100%;

as this....
background: #ececec url(http://i1293.photobucket.com/albums/b592/Gpulos27/images_zpsjblhdosw.jpg) top left repeat;
Hmm I tried that nothing happens.
(2015-02-09, 06:50 AM)sweettarts Wrote: [ -> ]Hmm I tried that nothing happens.

you havent done as said above.. remove the "background-size: 100% 100%;"
Now the background is all square looking.
(2015-02-09, 07:04 AM)sweettarts Wrote: [ -> ]Now the background is all square looking.

hmmm.. thats the best you can get with a 300X160px image... you need to use a high res image and add the "background-size: cover;" to set it as a bg image suitable for all screen size....