Adding a graphic to the footer

  • Unknown's avatar

    Hey there,

    I’m very new to editing CSS. I have just bought the CSS upgrade but I am having trouble finding resources to help me add a footer graphic. Any help would be much appreciated! I am using the Kubrick theme for my blog.

    Thanks is advance,

    David Rogers

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    The footer of course, is in #footer, and there is already a background image declared in that selector, the background image with the rounded corners.

    What exactly are you wanting to do?

  • Unknown's avatar

    When I look at the existing CSS, I can see where the footer is declared but I don’t know how to add code that overrides the existing CSS.

    I was wanting to have a graphic that loads and sits at the bottom of each pages. I don’t need it to stay put while the screen scrolls. I’m basically wanting to put a banner at the bottom of the page, similar to the header that’s at the top.

    Thanks for your time

  • Unknown's avatar

    Have a look at the code below, you’ll need to set the URL and the height of the image you are trying to place. Ideally it would be the same width as the content area. The second line will remove the current footer links.

    div#footer {background-image:url("URL"); height:999px;}
    div#footer p {display:none;}

    lh

  • Unknown's avatar

    Thanks for the response hallluke. I’ll give it a try this afternoon.

    Very nice to be on a forum that doesn’t treat you like an idiot (even though I have my suspicions about myself at times…)

  • The topic ‘Adding a graphic to the footer’ is closed to new replies.