Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

background image over-sized - Full Page Background Image


  #1  
Old Mar 30, 2010, 03:44 AM
prokopino
 
9 posts · Feb 2010
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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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 02:29 AM.


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