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 »

background image over-sized - Full Page Background Image


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 Mar 30, 2010, 03:44 AM
prokopino
 
9 posts · Feb 2010
background image over-sized - Full Page Background Image

greetings from greece!
i want to make my background image fixed (over-sized..) in the viewers resolution.
is it possible to do this with atahualpa theme?

see an example of what i want to do here

thanks for your time,
prokopino, greece
  #2  
Old Mar 30, 2010, 04:16 AM
juggledad's Avatar
juggledad
 
21,937 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
yes it is possible. Lets say you put your image in wp-contents/uploads and it is called bg.jpg, ou will add the following to ATO->Add HTML/CSS Inserts->HTML Inserts: Body Top
HTML Code:
<img src="./wp-content/uploads/bg.jpg" class="bg" />
and then add this to ATO->Add HTML/CSS Inserts->CSS Inserts
HTML Code:
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
div#container {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 
}
neat little trick the guy came up with.

No guarantees it will work in all cases - this will cause the image to show behing the contents aslo, if you want the image to be hidden behind the container, add 'background: #ffffff;' to the container css.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 30, 2010, 04:42 AM
prokopino
 
9 posts · Feb 2010
thanks for your answer.
i will try it tonight and i will tell you!

thanks again!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Background Image AND Background Color - is it possible? kippiper Atahualpa 3 Wordpress theme 5 Feb 21, 2010 09:42 AM
[SOLVED] One background image behind the whole page Tamas Header configuration & styling 6 Dec 23, 2009 05:37 AM
Background image for page menu? blueprairie Page & Category Menu Bars 10 Dec 1, 2009 10:02 PM
[SOLVED] How to get a background image show thru background color juggledad Header configuration & styling 3 Apr 18, 2009 05:03 AM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 06:36 AM


All times are GMT -6. The time now is 11:36 PM.


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