Custom Footer with Credits and Background Image

[cvilleladyParticipant Post count: 14]

I have a custom 3 column widget with a horizontal bar underneath called footer_bar.

I need the height of the footer_bar to be at least 150px because it has a background image with a scallop border. The white background continues to the bottom of the page, so the scallop  background doesn’t show. Part of the background image contains a pink ribbon that should have the edges extended outside of the wrap, but I’m not sure how to get it to extend.

When I try to move the credits over to the right or down by editing the CSS code for #footer p, the entire footer_bar moves.

Here is the site:

http://lauralynnstudio.info/sarahh/

Any suggestions you can provide would be greatly appreciated.

 

[anitacModerator Post count: 2690]

Look at this. I edited the margin and the padding and I can see that the text moves and I can see the left side of the ribbon. However, I cannot get the right side to appear. The wrap is 960 but your image is 1100. I think if want the ribbon to be wider than the rest of the site, you will need to move the footer-bar outside of the footer wrap. Maybe look here at the hook guide to find the proper placement – http://genesistutorials.com/visual-hook-guide/.

.footer-bar {
background: url(“http://lauralynnstudio.info/sarahh/files/2013/02/footer_ribbon-01.png”) no-repeat scroll 0 0 transparent;
height: 150px;
margin: 10px;
padding: 25px;
width: 960px;
}

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[cvilleladyParticipant Post count: 14]

Hi,

Thanks so much for your help so far. I moved the ribbon and credit links below the footer as you suggested. The credit links are now placed in the correct area.

After I made these changes, I noticed the “Return to top of page” showed up on the left side of the ribbon. I thought that by removing the action for genesis_footer in the functions.php, I was controlling what would appear for my custom footer. Do you have a suggestion for how to remove this?

Thanks!

[cvilleladyParticipant Post count: 14]

To remove the “Return to top of page” link in the credits, I used the function auc do footer. Thanks again for your help.

[Author]

Posts