Widget background

[ferlo61]

How I can add a background image to my footer on www.ferlito.it?
Thank you guys!

[basanta]

Hi There,

Thanks for writing in!

if you want to add the image background to the widget area please add this CSS to your Theme Option -> Global CSS.

.x-colophon.top {
background-image: url (image url) !important;  /* add your image URL here */
}

if you want to add the image background to the bottom footer please add this CSS to your Theme Option -> Global CSS.

.x-colophon.bottom{
background-image: url (image url) !important;  /* add your image URL here */
}

Hope this helps!

[ferlo61]

Hi Basanta and thank for the quickly answer but exactely where I put the image URL, inside brackets or at the end and how?
Regards

[basanta]

Hi There,

Thanks again for asking!

Please add the URL inside the brackets. Just upload the image in the media uploader.

After upload copy the url and paste over there.

Hope this helps!

[ferlo61]

It’s right?

.x-colophon.top {
    background-image: url(http://www.ferlito.it/wp-content/uploads/2018/07/background_offre_carte.png) !important;  /* add your image URL here */
}

[jade]

Hi there,

That is correct.

You should be able to confirm it when you try the code in the Global CSS.

You can find more information about CSS backgrounds here:

https://www.w3schools.com/css/css_background.asp

Hope this helps.

[ferlo61]

Don’t work anyway

[jade]

Hi there,

I have checked your site and it looks like you placed an incorrect code.

Kindly make sure you add the complete and correct code. I have formatted correctly the code you have previously posted. Kindly copy and paste the entire code block.

Hope this helps.

[ferlo61]

Work! Thank you!

[jade]

You’re most welcome.