background footer image

  • whoooops

    #4693

    Hi,

    I am having some trouble with adding a background image to my footer..

    i have inserted the code below into my css…

    #footer {

    background-image: url(http://path);

    }

    but still no sign of a background image appearing…

    Any help would be greatly appreciated..

    Josh

    #28869

    Your syntax above is incorrect. When using background-image, you need to wrap the url in single or double quotes. Like this:

    #footer {
    background-image:url('http://pathtoyourimage.png');
    }

    whoooops

    #28870

    thanks John, However it still doesn’t work for me.., I think something else must be overwriting it!?? this is what i have…

    #footer {

    background-image: url("http://http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.gif");
    border-top: 1px solid #d5d5d5;
    padding-top: 50px;
    margin-bottom: 30px;
    min-height: 80px;
    position: relative;
    background-color:#396395;
    color: #fff;
    clear: both;
    }

    [Moderated by Josh: Please use backticks when placing code in posts.]

    MXGimp

    #28871

    Try this, you had extra http://

    #footer {
    background-image: url("http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.gif");
    border-top: 1px solid #d5d5d5;
    padding-top: 50px;
    margin-bottom: 30px;
    min-height: 80px;
    position: relative;
    background-color:#396395;
    color: #fff;
    clear: both;
    }

    [Moderated by Josh: Please use backticks when placing code in posts.]

    Josh

    #28872

    @whooops, @mxgimp,

    Please use backticks when posting code so the forum doesn’t mangle it on the front-end.

    @whooops,

    Try this in your custom css:

    #footer {
    background-image: url("http://http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.gif") !important;
    border-top: 1px solid #d5d5d5 !important;
    padding-top: 50px !important;
    margin-bottom: 30px !important;
    min-height: 80px !important;
    position: relative !important;
    background-color:#396395 !important;
    color: #fff !important;
    clear: both !important;
    }

    whoooops

    #28873

    @ Josh and MXGimp

    tried it, nope still no change at all!! 🙁

    Josh

    #28874

    What is the website url?

    whoooops

    #28875
    Mod

    Kenneth John Odle

    #28876

    Try saving your background image as .jpg, not .gif.

    Josh

    #28877

    Also adjust it in the css mentioned above in my code if you change from .gif to .jpg:

    background-image: url("http://http://www.elliottwaveireland.com/blog/wp-content/uploads/2012/05/footer.jpg") !important;
Viewing 10 posts - 1 through 10 (of 46 total)

You must be logged in to reply to this topic.