Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] Background image on home page only without body color (http://forum.bytesforall.com/showthread.php?t=15174)

kagorges Aug 21, 2011 04:19 AM

[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

lmilesw Aug 21, 2011 08:39 AM

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.

kagorges Aug 21, 2011 05:10 PM

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 07:12 PM.

Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.