Background Image in Footer

  • How do I go about adding a background image (just like I added a background image as my header of the page) to my footer, in place of the html text?
    I’m using the Blix Theme
    https://www.valpez.com

    Thanks! =)
    -Victor

Viewing 5 replies - 1 through 5 (of 5 total)

  • You can do that by adding the following line to the footer tag in your style.css file:

    background: url(“path to image”) no-repeat center top;

    Thread Starter valpez

    (@valpez)

    *EDIT*
    I put your line of code into the spring_flavour.css file, under the footer tag, and it worked great! Thanks ??

    One more question to finish this off
    How do i get the text (I.E. “copyright” etc) to be on top of the background image in the footer?
    See here: https://www.valpez.com

    Thanks! =)

    To change the position of the footer text, play around with the padding in the layout.css file. The first value affects the top padding.

    Once positioned over the background image the text should appear on top of the image. I’ve done something similar on my main page.

    Thread Starter valpez

    (@valpez)

    That is one beautiful page you have there, Tauquil =)

    I was able to move the text to be positioned above my footer background image, but now there is a space below the background image.
    How do i move the bg image?
    Im sure it has to do with the padding values of it, but im not sure where to look

    Thanks =)

    Thanks valpez!

    It looks like you’ve fixed your problem, it’s coming along very nicely ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background Image in Footer’ is closed to new replies.