[SOLVED] Background image on home page only without body color
I have used the code in http://forum.bytesforall.com/showthr...ckground+image
Here's the url: http://lanaholmes.com I want the large image to be behind the text for the page -- right now it's covering up the text. I added: <img id="lana" src="http://lanaholmes.com/wp-content/themes/atahualpa/images/Lana-Holmes-Header-1000.jpg" style="position:absolute; left:20px; top:128px; in the Body Top of HTML/css inserts and img#lana {display:none;} body.home img#lana {display: block;} in the CSS inserts block at the bottom I'd also like to get rid of the light background and have added: body.home #middle {background: #339999;} at the very bottom of the CSS inserts -- but still have a light background plus it changed every other page as well I'd like to know: 1. How to have the image be behind the text 2. How to get rid of the light background (configured in the posts/page body box right now) on the home page only Thanks |
Try setting postition:relative and z-index: 10 to #lg_home_txt to show the text. Also try playing with relative instead of absolute positioning for some of those elements as absolute positioning can make things a bit more complex in certain situations.
|
That worked!!
In fact, I took it out of background because it wasn't moving with the header, and put it into the page using the same code -- perfection for both the text and the picture with a minor adjustment in moving it left with -20px to compensate for margin and padding. Thank you :) |
All times are GMT -6. The time now is 09:16 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.