problem with backround image and text readability

mhtcka · Member · Jun 28, 2010 at 2:20 pm
Copy link

Add topic to favorites
Hello everyone,
It’s my first post in the forum.
I would like to have a striped backround, in all my page width, except the blog that is centered in the middle which i want to keep white in order to read the text…
i’m new to css, i have bought the edit css add-on, and i can now work my stylesheet..
please help

The blog I need help with is: (visible only to logged in users)
mhtcka · Member · Jun 28, 2010 at 2:26 pm
Copy link
my blog:
http://colorfabrik.wordpress.com
thesacredpath · Member · Jun 28, 2010 at 5:45 pm
Copy link
You need to define a background-color under #wrapper such as this
```
#wrapper {
background-color;#FFFFFF;
}
```
hallluke · Member · Jun 28, 2010 at 11:16 pm
Copy link
For the background image create the tiniest file you can and tile it with:

body {background-image:url("URL-GOES-HERE");}

lh
thesacredpath · Member · Jun 28, 2010 at 11:21 pm
Copy link
I might suggest the following for the background image since this is the form used in the original CSS:

body {background:url(“URL-GOES-HERE”) repeat scroll 0 0 #FFFFFF;}

Change the color code at the end to something very close to the background image so that if something happens and the background image does not load, things won’t look too different.
thesacredpath · Member · Jun 28, 2010 at 11:22 pm
Copy link
Forgot the backticks

body {background:url("URL-GOES-HERE") repeat scroll 0 0 #FFFFFF;}
mhtcka · Member · Jun 29, 2010 at 11:08 am
Copy link
thanks a lot guys/girls!
topic covered nicely…
good luck and here’s colorfabrik, visit sometimes to watch a good video!
http://colorfabrik.wordpress.com/

No items found.