Footer-bottom background image

  • Resolved goshenw

    (@goshenw)


    10 years ago

    I take it there are actually 2 footers. The widget footers, which are located above the actual theme footer.

    Just need a little help adding a background image to the footer-bottom.

    I am trying to add the following code to my custom.css, but it’s not doing the trick. Anything I’m doing wrong or should be doing instead?

    #footer-bottom
{ background: #33363b; image: url(https://www.wattspermaculture.com.au/wordpress/wp-content/uploads/2014/12/footer_sm.jpg) no-repeat; position: bottom right; }

    (The image in this example is not my final image as it’s already there on the left as the ‘logo’, but just want to see if I can get it to work as a background too).

    Thanks,
    Goshen
    https://wattspermaculture.com.au/

Viewing 2 replies - 1 through 2 (of 2 total)
  • bdbrown

    (@bdbrown)

    Hi goshenw. You’re close. If you specify the individual properties you need to specify “background” for each one:

    #footer-bottom {
  background-color: #33363b;
  background-image: url(https://www.wattspermaculture.com.au/wordpress/wp-content/uploads/2014/12/footer_sm.jpg);
  background-repeat: no-repeat;
  background-position: right;
}

    When you use the shorthand method you don’t need to specify the individual properties:

    #footer-bottom {
  background: #33363b url(https://www.wattspermaculture.com.au/wordpress/wp-content/uploads/2014/12/footer_sm.jpg) no-repeat right;
}
    Thread Starter goshenw

    (@goshenw)

    Perfect; many thanks for the tip.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Footer-bottom background image’ is closed to new replies.