Customized Footer

Community Forums Forums Design Tips and Tricks Customized Footer

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by  CJ Cole 9 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #51785

    CJ Cole
    Participant
    Post count: 6

    How can I replace all of the footer info with an image ??? I use the Corporate Theme.

    http://venicedigs.com
    #51859

    braddalton
    Participant
    Post count: 7458

    Try something like this in your child themes style.css file and upload an image to your images folder the same width as your header image

    #footer {
    background: url("images/footer-image.png") no-repeat scroll 0 0 transparent;
    }
    

    You could also remove the footer using PHP code in your child themes functions.php file.

    Source: http://www.billerickson.net/code/remove-genesis-footer/


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #51877

    CJ Cole
    Participant
    Post count: 6

    Brad … Thanks for your reply to my question.

    Tried both scenarios and neither seemed to do much of anything.

    I am not sure I uploaded the image to the correct place … where should it go ??? I uploaded it under media … gave it the name footer-image.png.

    The footer currently looks like:

    http://www.venicebeachliving.com/images/footer-screenshot-venicedigs.png.

    I want to disappear all of the footer and insert my image.

    #51930

    braddalton
    Participant
    Post count: 7458

    Upload the image to your child themes image folder. Make sure the image file name is footer-image.png.

    Add the CSS to your child themes style.css file

    Add the PHP code to the end of your child themes functions.php file. (Don’t copy the php tag from the code)


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #51935

    CJ Cole
    Participant
    Post count: 6

    Looks a little better … Still nowhere correct.

    I added the code above to the bottom of the corporate theme style.css file + to the bottom of the corporate theme functions.php file.

    I could not find an images folder for the corporate theme so I uploaded one to: wp-content > themes > corporate > images and put the footer-image.png into that folder. Don’t know if that is correct.

    Check out what it looks like now … go to the bottom of http://venicedigs.com.

    #51944

    braddalton
    Participant
    Post count: 7458

    What size is the image?

    Looks like you have some PHP code which shouldn’t be there.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #51946

    CJ Cole
    Participant
    Post count: 6

    The image is 9g0 x 153 pxl at 72 dpi

    #51947

    CJ Cole
    Participant
    Post count: 6

    the image is 960 x 153 pxl at 72 dpi

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

You must be logged in to reply to this topic.