Hi!
I’m using Sydney Pro and I wanted to know if I can add a background image in footer 1.
Thanks in advance!
Hi!
I’m using Sydney Pro and I wanted to know if I can add a background image in footer 1.
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 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