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:
Any suggestions you can provide would be greatly appreciated.
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/.
background: url(“http://lauralynnstudio.info/sarahh/files/2013/02/footer_ribbon-01.png”) no-repeat scroll 0 0 transparent;
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?
To remove the “Return to top of page” link in the credits, I used the function auc do footer. Thanks again for your help.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.