Custom Footer with Credits and Background Image

Community Forums Forums Design Tips and Tricks Custom Footer with Credits and Background Image

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  cvillelady 2 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #22675


    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 –

    .footer-bar {
    background: url(“”) no-repeat scroll 0 0 transparent;
    height: 150px;
    margin: 10px;
    padding: 25px;
    width: 960px;




    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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.