Howdy.

So far, so good. But my brain is nearing the melt down point. I want to do something simple, but can't figure it out. Checked the FAQs. No luck. The answer may be there, but I seem to be having an extended senior moment.

I want my footer to have a background image with text on top. I can get the image in, but I can't figure out how to insert the text, and control its font, color, size, and alignment.

Any help would be appreciated.

<div id="LDP_copyright" style="background-image:url('http://lightdynamics.smugmug.com/photos/504050662_bet4w-L-1.png'); background-position:center; background-repeat:no-repeat;">
All photographs displayed on this site and galleries are copyrighted works of the respective<br>
photographers and may not be used for any personal or commercial purpose without express written permission of the photographer.</div>

This works for me, obviously you need to change the image link and the words we use for our copyright info. Also, note our footer is wrapped in a division with the id of LDP_copyright. Hope this helps, Paul

EDIT: I tested it on our website and it worked fine but have removed the image so don't go there to look at it.

Howdy.

Thanks, Paul, for your reply. I tried your code in my CSS and Custom Footer boxes, and couldn't get it to work. It doesn't look like CSS. Where does it go?

Right now, I'm using this code:

CSS Box:

#my_footer {
width:750px;
height:120px;
margin: 0 auto;
background: url(http://thunderrabbitgrfx.smugmug.com/photos/514450761_RZZ2M-L.jpg); }

Custom Footer Box:

<div id="my_footer"> </div>

This gives me the footer on my pages now.

I was hoping to overlay it with text and control the text attributes in the CSS. I tried some variations on the tutorial on how to make a cool custom header. Then adding it to my Custom Footer Box. But all I get is my background image.

Am I using the right approach?

Thanks again in advance.

Your CSS is fine but you need to put the URL in quotes. Also, the text for your footer needs to go in the <div> for your footer. Hope this helps, I'm really terrible at putting what I know into words LOL ... Later, Paul

EDIT: Sorry, not thinking straight (happens with old age) ... I put the same basic stuff that you have in your CSS in my footer HTML code for a quick test, net result should be the same if you add the quotes in the URL. Also, you probably don't have to set your height or width on you #my_footer CSS, won't hurt but if you go to stretchie theme it might break. I'm far from an expert on this but, as I said, it worked for me. Paul

EDIT: Don't even say it! Also add this to your CSS for the footer "text-align:center;" I'll get it right eventually.

Howdy.

Thanks again, Paul.

I got it working. It's centered horizontally, and I was trying to figure out how to center it vertically, or at least set a top margin.

And then, I decided to take the cowards way out. I just put the whole text and everything in one image and stuck it in and called it good.

All is well.