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 » Center area post/pages »

How do I add an image at the very bottom of the body?


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 Jul 1, 2010, 12:36 AM
lobski
 
11 posts · Jul 2010
Hi,

I am going for the "newspaper" look, and I would like my middle content box to look like a newspaper... I've succeeded in making the header top look like a newspaper, but I can't place a bottom image...

http://cedargroverestaurant.com/main/

Basically, I would like to add this image to the bottom of the body:



Thanks
  #2  
Old Jul 1, 2010, 02:23 AM
proximity4
 
1 posts · Jun 2010
I have a webpage with a few divs, one of which contains the written content of the page.
How can I make an image align to the very bottom right corner, so that it appears underneath the content of the page?
I can do this by setting a background image for the body, and setting the position of the background image to bottom right, but this only works in IE & Safari, and shows no image in Firefox.
My next thought was to create a div with the background image and align it to the very bottom right corner, but I can't seem to figure out how. I can only get it to align to the bottom of the 'window', but when there is enough content on the page to cause it to scroll, the image sits in the middle of the content. I can't put it directly under the content inside the same div because of the margins - it won't align all the way to the right side______________________________________________ ____________
apartamentos amueblados panama
  #3  
Old Jul 1, 2010, 03:00 AM
ramblogger
 
1 posts · Jul 2010
India
Send a message via ICQ to ramblogger Send a message via AIM to ramblogger Send a message via MSN to ramblogger Send a message via Yahoo to ramblogger Send a message via Skype™ to ramblogger
I think you should try to create small image after this you can easily inter that image.

Or if you have got new idea for this then also tell me. I have to do also for my blog.

Thanks
  #4  
Old Jul 1, 2010, 03:32 AM
lobski
 
11 posts · Jul 2010
Well no matter what I do, I can't get the footer image (bottom of newspaper) to line up correctly...
  #5  
Old Jul 1, 2010, 05:15 AM
juggledad's Avatar
juggledad
 
21,713 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
ATO->Style & edit FOOTER->Footer Style use the CSS 'background' syntax
__________________
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
  #6  
Old Jul 1, 2010, 04:09 PM
lobski
 
11 posts · Jul 2010
Quote:
Originally Posted by juggledad
ATO->Style & edit FOOTER->Footer Style use the CSS 'background' syntax
But if I do that, it doesn't look good, since the footer box is smaller than the actual content center box.
How do I change this?

The footer box is too small: http://cedargroverestaurant.com/main/
  #7  
Old Jul 1, 2010, 08:27 PM
lobski
 
11 posts · Jul 2010
No one? I could use some help!
  #8  
Old Jul 2, 2010, 04:49 AM
juggledad's Avatar
juggledad
 
21,713 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
go to ato->Style & configure LAYOUT-> and set it to '0', that will get rid of the container padding so the header, middle and footer will streach the full width. Now the footer background will be fine, you will have to play with the height of the footer and may have to add some padding to the center colum, but you should be able to work that out
__________________
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
  #9  
Old Jul 2, 2010, 12:34 PM
lobski
 
11 posts · Jul 2010
Hi, what exactly do I set to 0?
  #10  
Old Jul 2, 2010, 01:41 PM
juggledad's Avatar
juggledad
 
21,713 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
ato->Style & configure LAYOUT->Layout Container Padding Left/Right
__________________
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
  #11  
Old Jul 2, 2010, 08:01 PM
lobski
 
11 posts · Jul 2010
Quote:
padding: 20px; /*This effectively only affects top/bottom padding */
padding-left: 0px;
padding-right: 0px;

background: #ede7d9;
background: url(/main/wp-content/themes/atahualpa/images/newshead.jpg) no-repeat;
border: solid 1px #000000;

/* uncomment next block for round corners */
/*
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
*/
border-radius: 10px;
Doesn't do anything. What am I doing wrong?
  #12  
Old Jul 4, 2010, 03:47 PM
crashley1784
 
79 posts · May 2009
Hi, I can answer this question. You cannot have two "background" tags. Your code needs to look like this:
Code:
 background: #000000 url(the url to your image) repeat top left;
I've run into that problem a couple of times when I'm not paying attention. It's an easy fix
  #13  
Old Jul 4, 2010, 09:34 PM
lmilesw's Avatar
lmilesw
 
9,974 posts · Jul 2009
Central New York State USA
There is a way to have two background images. I'm not sure where in this forum the code came from but here it is.

Place the code for one background image or color in the body set to repeat-x and positioned at the top. Then put the following code into the HTML/CSS inserts:

html{background:#EEF2FB;background-image:url('http://www.myasha.org/images2/bg-bottom.jpg');background-repeat:repeat-x;background-position:left bottom;}

This adds another background image to the html tag and positions it at the bottom. Note that I had to put the background color in the html tag and remove it from the body tag.
__________________
~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.
  #14  
Old Jul 18, 2010, 07:18 AM
lobski
 
11 posts · Jul 2010
Hi,

That puts a background image at the backdrop of the entire website. I need something that puts at the bottom of the middle header box...

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Dark gray top and bottom border on header image (again) Heliros Header configuration & styling 9 May 30, 2010 08:56 AM
[SOLVED] How to Add Code Snippet at Bottom of Posts LaneLester Center area post/pages 0 May 16, 2010 06:21 PM
[SOLVED] The header image bottom cutt off's. snarunas Header configuration & styling 2 Oct 13, 2009 05:41 AM
[SOLVED] Add top and bottom image for widget conon Sidebars & Widgets 5 Mar 25, 2009 10:45 AM


All times are GMT -6. The time now is 12:18 PM.


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