Background image to Footer – Elementor

  • Resolved aleejelly

    (@aleejelly)


    6 years, 3 months ago

    HI there, I’m trying to add a background image to my footer widget with a custom footer. I have tried to add this code:

     {
    background-image: url("https://manchester-architects.com/wp-content/uploads/2018/11/Artboard-2.jpg");
    background-position: center center; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed;

    to: .site-footer, #footer, footer, #footer-widgets and none of that has workes as of yet. Please let me know if i’m doing something wrong

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    I just visited on your site and it seems your issue has been fixed.

    Thread Starter aleejelly

    (@aleejelly)

    yep, thank you

    in case anyone is looking for a solution I added this to the CSS:

    #footer-widgets {
position: fixed;
right: 0;
bottom: 0;
left: 0;
    background-image: url("INSERT URL HERE")!important;
    background-position: center center !important; 
    background-size: cover !important; 
    background-repeat: no-repeat !important; 
    background-attachment: fixed !important;

    Thanks for the solution!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background image to Footer – Elementor’ is closed to new replies.