Header & Footer Background Image

[danbentonsmith]

Hi, is there a way of adding background images to the header and footer? If there is a way then I cannot seem to find it.
Thanks

[rad]

Hi @danbentonsmith,

Thanks for writing in.

It’s possible, but it depends on your existing setup if it’s Pro or X theme. With Pro, you can simply use its feature to add backgrounds. For X theme, then you’ll have to do it through custom CSS.

I’m assuming it’s an X theme based on site’s URL in your account, then please add this CSS to your global custom CSS in Theme Options.

Just change the image URL for the correct background.

.x-navbar {
    background: url(http://example.com/image.jpg);
}
.x-colophon.bottom {
    background: url(http://example.com/image2.jpg);
}

Thanks!