Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Full-screen footer and full screen header


  #1  
Old May 18, 2013, 01:23 PM
Carme
 
60 posts · May 2012
Brighton
Send a message via Skype™ to Carme
[SOLVED] Full-screen footer and full screen header

Hi,
I want a full screen background fixed on the top of the site and for that I added in ATO-Body, Text & links, Body Style this:
background: url("/images/1.png") repeat-x fixed left top transparent;


and I want a full screen background for the footer as well and I added in ATO-Add html/css inserts, in CSS inserts this:
body{
background: url(/images/footer.png) repeat-x left bottom transparent;

}

When I added the second one I lose the fixed background and the top of the site is not a full screen anymore.

I am making sense?
I would like to be able to have a header full screen fixed and a footer full screen.
Any help would be greatly appreciated.

link: http://carme.karmeba.com/

Carme
  #2  
Old May 18, 2013, 03:01 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I am guessing you mean full width not full screen. There is a thread in the FAQs that deals with this.
__________________
~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 May 18, 2013, 04:24 PM
Carme
 
60 posts · May 2012
Brighton
Send a message via Skype™ to Carme
Thanks for the answer, I have done that already and it doesn't work for me


I added that in Body Text:
background: url("/images/1.png") repeat-x fixed left top transparent;

and that in Insert CSS:
body{
background: url(/images/footer.png)
repeat-x left bottom transparent;

}

and when I added the second background the first one disappears.
I try with the code from the Thread you pointed me, but it makes things worse, the first background disappears and made the footter fixed and I don't want that.

I can't see where I make the mistake.

Any suggestion!

Thanks in advance
Carme
  #4  
Old May 19, 2013, 02:19 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
  • What is the physical size of the background images
  • What "images" folder did you put them in
__________________
~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.
  #5  
Old May 19, 2013, 03:05 PM
Carme
 
60 posts · May 2012
Brighton
Send a message via Skype™ to Carme
Hi,
1.- the background I added in Body Text is 1260width x 863 height ( I wanted to cover the whole page).
and the one from the footer is 1300width x 135 height

2.- The "images" folder is the one I created just near wp-admin, wp-content, etc.. I am always creating my own images folder in this way.

Carme
  #6  
Old May 19, 2013, 03:12 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You can't have two background images if one of them is sized to cover the full area. You use one for the top, one for the bottom and one background color. Here is a site i did that used that technique.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Footer Widget and Screen Resolution arntxee Sidebars & Widgets 1 Dec 21, 2012 08:45 AM
Fit background across screen, regardless of screen size ameliecafe Header configuration & styling 9 Dec 21, 2010 06:16 PM
[SOLVED] How to have a full-screen bottom bar with fixed-width website FineDesigns Header configuration & styling 1 Jul 7, 2010 01:15 PM


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


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