K2-lite image in footer

  • Unknown's avatar
    vpltag · Member ·

    Hi,

    I’m trying to put an image in the footer for the K2-lite theme and no matter what I try with the CSS it’s not showing up. I’m not sure if it’s something to do with my coding or if this isn’t possible to do.

    My blog is http://vpltag.wordpress.com

    in the custom CSS I’ve got:

    #footer {
    background-color:white;
    background-image:url (files.wordpress.com/2008/10/vpl.gif) no-repeat;
    position:relative;
    width:780px;
    height:70px;
    border:1px solid #ddd;
    border-top:none;
    text-align:center;
    margin:0 auto;
    padding:20px 0 10px;
    }

    And have tried variations on the url
    background-image:url (vpl.gif) no-repeat;
    background: url (‘vpl.gif’) no-repeat;

    including the whole url (http://vpltag.files.wordpress.com/2008/10/vpl.gif)

    I’ve changed the height to 70px and 100px as the gif is 67px tall and I thought that might be the problem.

    I’ve tried without changing the background-color as well, in case it was putting it over top the image.

    Any help would be greatly appreciated. At the moment I’ve got the image on the sidebar (the VPL logo).

    Thanks
    Krisztina

  • Unknown's avatar
    devblog · Member ·

    And have tried variations on the url… including the whole url (http://vpltag.files.wordpress.com/2008/10/vpl.gif)

    That’s the correct way to do it.

    Now, the image won’t display for two reasons:

    a) you have a space between the “url” and the open parenthesis:
    url (...

    When it should be like this:

    url(...

    b) the second reason it wouldn’t display even if you fixed that is because you’re not using the “background” shortcut, in other words, because you’re including the “no-repeat” as part of the “background-image” value, the browser doesn’t understand it.

    So, to fix it, I’d suggest you the following:

    Get rid of these two lines:

    background-color:white;
background-image:url (files.wordpress.com/2008/10/vpl.gif) no-repeat;

    Replace them with this one:

    background: #fff url(http://vpltag.files.wordpress.com/2008/10/vpl.gif) top left no-repeat;

    That should do it.

    HTH

  • Unknown's avatar
    vpltag · Member ·

    that totally worked! thank you!

    kk.

  • The topic ‘K2-lite image in footer’ is closed to new replies.