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 » Center area post/pages » Post-Kicker, -Byline & -Footer »

[SOLVED] Adding image background to footer?


  #1  
Old Aug 22, 2010, 09:01 PM
cvan
 
67 posts · Aug 2009
I need my site to look like the footer does in the attachment photo. I have the image I would like to do and I want this footer on all pages of my site.

The site is http://growroompr.com

and I am using version 3.4.9.

Please give detailed instructions.

Thank you

Last edited by cvan; Sep 23, 2010 at 06:51 PM.
  #2  
Old Aug 23, 2010, 10:31 AM
cvan
 
67 posts · Aug 2009
Anyone? Please, I need help. I am at a standstill with this site.

Thank you
  #3  
Old Aug 24, 2010, 02:26 AM
cvan
 
67 posts · Aug 2009
I have tried multiple things to get this to work and i cannot figure it out.

I need the bottom of the site to have the grass and dirt and I need to be able to put links and text inside the dirt. I'm not sure if making a 2nd background with the image and then putting widgets in the footer would be the best solution. OR putting the image in the footer with widgets.

I can't figure out either one...I tried to put a 2nd background and it is not showing up. this is the code I'm using in the css insert:

html{background-image: url ('http://wp-content/themes/atahualpa/images/footer.jpg') !important;
background-repeat: repeat-x;
background-position: left bottom;}

the other background is in body>links>text

That didn't work.
So then I tried to put it in the footer and I cannot get the image to show up or to span 100% of the width of the site.

Please help me. I am at my wits end.

Thank you
  #4  
Old Aug 24, 2010, 04:13 AM
juggledad's Avatar
juggledad
 
23,649 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you need to make the grass and the brown marble below it one image. Then you can use that as the footer image and position the rest where you want it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Aug 24, 2010, 04:15 AM
cvan
 
67 posts · Aug 2009
THANK you Juggledad!

Originally, I wanted the site to have a fixed background. How would it work then?


Thank you again
  #6  
Old Aug 24, 2010, 04:16 AM
juggledad's Avatar
juggledad
 
23,649 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what do you mean be 'fixed background'?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 24, 2010, 04:18 AM
cvan
 
67 posts · Aug 2009
A background that is stationary. So when the center moves, the background is static.

Thank you
  #8  
Old Aug 24, 2010, 02:34 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
For a fixed background you just use the "fixed" CSS attribute. Also at quick glance there are several issues on your site I can see right away.
  • The background image is very large
  • If you view the site in a wide monitor you see the edges of the image
  • The "footer" background should be part of the body and not the footer for what I believe you are trying to do.
Those are a few things I saw but to correct all of that would take multiple hours of working with images and CSS positioning. As a matter of fact I just got through with working on a site for a client doing just that sort of stuff and I put 6+ hours into getting things placed properly so that the site worked in multiple browsers.

How good are you at CSS? How much do you know about images sizes and resolutions for the web? Those are two big areas that you will need to know to accomplish what you want with this site. It's a whole lot easier if you install Atahualpa with one of the default styles and then start the design process with the theme in mind rather than trying to make the theme try to duplicate a picture.
__________________
~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.
  #9  
Old Aug 24, 2010, 04:13 PM
cvan
 
67 posts · Aug 2009
Thank you Larry!

I am more then willing to work the background in the CSS. I just needed to make sure that putting the grass in the background was the best solution for what I am trying to accomplish. Correct me if I am wrong, but if I elect a "fixed" background, I cannot achieve the functionality that I am looking to achieve because the Footer Widgets that I will be placing in the "dirt" area will move up and down on the fixed website. Is this correct?
In which case, the only other option is to not do a fixed background.

Thank you for your response.
  #10  
Old Aug 24, 2010, 07:39 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Anything you put as a fixed background in the body will stay fixed under anything you put on higher layers. I haven't tried putting a new widget area in HTML Inserts:Body Bottom but perhaps you could experiment with that.
__________________
~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.
  #11  
Old Aug 25, 2010, 02:31 AM
cvan
 
67 posts · Aug 2009
I figured out how to have a hovering footer which is perfect for what I'm trying to achieve. Now I am going to figure out how to put a widget into that hovering footer.
The only problem I am having is making the footer 100% width without changing the container layout padding to 0px. I did start a separate thread for that question though.

It looks pretty cool and I'm a little proud Check it out http://growroompr.com.

The rest of the site is not up to par but it's coming along. Thanks for all your help!

Update: I've taken the hovering effect off.

Last edited by cvan; Aug 25, 2010 at 02:59 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Adding image to footer does not work. help? crashley1784 Post-Kicker, -Byline & -Footer 6 Dec 1, 2010 06:39 PM
[SOLVED] Sidebar background image + Footer text placement splatinum Header configuration & styling 4 Jan 22, 2010 03:50 PM
Adding Widgets to Footer MyJourneytoMillions Sidebars & Widgets 2 Jan 7, 2010 02:12 PM
[SOLVED] Aesthetic Changes - Adding Image To Bar1, Adjusting Footer/Copyright Layout mannitol Atahualpa 3 Wordpress theme 8 Oct 3, 2009 02:03 AM


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


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