Full Screen Background Image on homepage only, not working

Hello all,

I’m not sure if this is the right forum to post this in. IF not, I apologize.

I want to have a full body background image on my homepage only. I like the plugin WP Responsive Background, but I can’t figure out a way to have it just for the home page.

I also tried disabling the plugin and using custom css to do it and it won’t work either. Here’s the CSS I used.

.page-id-172 #body {
  background-image:url ("https://arrant.org/wp-content/uploads/2018/03/BridgeBG-BrandiCarlile-AlysseGafkjenh-1680x945.jpg")
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#body {
    background-color:  #FFF;
}

• This topic was modified 6 years, 11 months ago by Jan Dembowski.
• This topic was modified 6 years, 11 months ago by Steven Stern (sterndata).

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