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 1 year, 1 month ago.

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

    cvillelady
    Participant
    Post count: 17

    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.

     

    #22699

    anitac
    Participant
    Post count: 6375

    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;
    }


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #22730

    cvillelady
    Participant
    Post count: 17

    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!

    #23115

    cvillelady
    Participant
    Post count: 17

    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.