Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Background image on home page only without body color


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Aug 21, 2011, 03:19 AM
kagorges's Avatar
kagorges
 
10 posts · Nov 2009
San Francisco Bay Area
[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
  #2  
Old Aug 21, 2011, 07:39 AM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Aug 21, 2011, 04:10 PM
kagorges's Avatar
kagorges
 
10 posts · Nov 2009
San Francisco Bay Area
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

Bookmarks

Tags
background color, background image, home page

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Body background color and image not working in IE luciehall Atahualpa 3 Wordpress theme 2 Mar 3, 2011 06:27 PM
[SOLVED] how to change the entire background color, not the body color? crobertl Forum How-To 24 Sep 12, 2010 10:00 AM
[SOLVED] body background - setting image &amp; color soni Atahualpa 3 Wordpress theme 11 Mar 16, 2010 02:55 PM
[SOLVED] Different Background color on page around the body Sbaker Header configuration & styling 4 Sep 18, 2009 12:45 PM
Fixed width site. Different page background color from body color? blueprairie Forum How-To 1 Mar 20, 2009 08:55 PM


All times are GMT -6. The time now is 12:41 AM.


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