Any idea what css element I can apply a background to, and how to apply it, in order to get this image to repeat-x across the top of the page on this site? The problem is that I already have a background image applied to the body so that I can get that green felt to repeat across the rest of the page. Please advise. Thanks in advance.
Have you tried set one as the <HTML> background, and the other as the <BODY> background? Sadly I'm not accustomed to Wordpress, so am not sure how to do this the WordPress way...
From the Wordpress themes I've seen do a full background stretch, they've been utilizing a lightweight jquery script to perform the function you need. That may be a solution for you.
Edit body style of your theme. Something like this: body{ background: url(images/bg.jpg) repeat-x; } Code (markup):
you know how its possible to setup a body background so that an image repeats, then when it stops repeating, a color fills the rest like this... body {background: url(images/bg.jpg) repeat-x left top #FFFFF;} Code (markup): well is it possible to have a different image fill the rest of the space after the first stops repeating? maybe something like this? body {background: url(images/bg1.jpg) repeat-x left top url(images/bg2.jpg;} Code (markup): please advise. thanks in advance.
2 or multiple background image to an element is not possible with CSS2. However, CSS3 allows you to do that but may not all browser support it. take a look at http://www.css3.info/preview/multiple-backgrounds/