Footer That Extends Full Width Of Page And Works Into Current Background
Ok, so here is what I'm looking to do. Whether it's possible or not, that has yet to be seen. Actually, whether it's possible for a noob like me is probably more accurate.
Here is my page: www.uphereinmytree.com (Don't judge...just started work on it) In terms of the current layout, the blue top and the white ground are part of the background image. The title text, the tree, and the people silhouette's are the header with a transparent background. I was thinking that I'd like the bottom of the page to "mirror" the top of the page. That is, go from white to blue along the bottom and I was going to have a white silhouette root design in the blue footer. I designed it all in Photoshop without thinking that the footer box didn't span the whole width of the page. Is this even possible? I know that I could have built that into the background, but how would that work on a page that's height varies depending on the content? To me, that doesn't seem to be the right answer to this problem. I hope this makes sense. Any help would be greatly appreciated. |
Here is a possible solution.
|
Thank you! That looks like a great solution to my problem. Much appreciated. I'll let you know how it worked.
|
I spoke too soon. I entered the code, but nothing happened. Is it possible that it's simply being covered by the other background?
|
What code did you enter? Do you have a link so we can take a look?
|
I entered the following bit of code into the ATO > Add HTML / CSS Inserts section. I put it in the CSS Inserts box:
html {background:#ffffff; background-image: url(/wp-content/themes/atahualpa/images/image.gif) repeat-x bottom center;} I also removed the background-color from ATO > Body, Text, and Links, as per the link you provided. |
You can't have more than an image in a background-image declaration. You either need to use separate css for position etc. or just use background shorthand which would look like the following.
HTML Code:
html { |
Thank you! That did the trick. Now I just have to tweak the layout and decide if I can make it look good. Is there any way to remove the "Powered By Wordpress and Atahualpa" text? I have no problem including that information in a custom footer, but was curious if there was a way to remove that text.
Thanks again for all of your help! |
Quote:
|
All times are GMT -6. The time now is 06:38 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.