How do i put an image in the footer?

[hypnorich]

I am struggling to find where I can change the settings for my site so I can put an image in the footer. I am using X not pro

[Prasant]

Hello Richard,

Thanks for asking.

First, please make sure to select number of widget area in footer from X > Theme Options > Footer > Footer widget area. After that you can add image in footer from Appearance > Widget using Image widget.

Thanks.

[hypnorich]

I’m sorry, I realised I didn’t explain myself very well…I meant, how do I have an image that fills all of the footer so it is in the background, rather than just having a single image in one of the columns?

[Prasant]

Hello Richard,

Thanks for updating the thread.

Please try out following CSS under X/Pro > Theme Options > CSS:

footer.x-colophon.bottom {
    background-image: url(ADD-IMAGE-URL);
}

Replace ADD-IMAGE-URL with the URL of the image.

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[hypnorich]

@Prasant

footer.x-colophon.bottom {
background-image: url(ADD-IMAGE-URL);
}

That worked great! Thanks!

There is a section above the footer where I have some links to pages like privacy policy etc but the background for this didn’t change. Is there a tweak to the css that would show the image in that bit above?

Thanks for the links to further reading too…I’ll start swotting up

[thai]

Hi There,

To add the background image to that section, please also add this custom CSS:

footer.x-colophon.top {
    background-image: url(ADD-IMAGE-URL);
}

Hope it helps