Background image in footer 1

Sydney Pro
#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!

#2

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

#3

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!

#4

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

#5

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

Regards

#6

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

thanks…
Rod

#7

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