Background image in footer 1

Hi!

I’m using Sydney Pro and I wanted to know if I can add a background image in footer 1.

My website

Thanks in advance!

Hello there,

You can use this CSS code.

    .footer-widgets .col-md-4:first-child {
      background-image: url('https://yoursite.com/path/to/image.jpg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }

Replace https://yoursite.com/path/to/image.jpg with your valid image URL path. You can get it from media library under the Dashboard > Media.

To apply extra custom CSS code to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis

Hi Kharis, thanks for you support.

But, but I would like the background image to be expanded throughout the row of the footer 1. Not only where there is content

Regards!

Please try this code:

    .footer-widgets {
      background-image: url('https://yoursite.com/path/to/image.jpg');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    } 

Regards,
Kharis

Hi Kharis! its works perfect, thank you very much.

Regards

Hi Sir Kharisblank…
it dindt work on my site?
can you help me?
webelavate.com/gotobox

thanks…
Rod

Hi Rod,

Where did you add the code?

Can you validate your code with this tool and ensure there is no error.

FYI, if you found an error in a line before the code that supposed to style the footer background, the code after error line won’t be read by the web browser.

Regards,
Kharis
aThemes Support