Background across entire page

Try this Snippet

Thank you! That got the image in the background but I would like to know if there is a way to have the background show up as the entire background. With that snippet it places the image in the back but where ever there is text it does not show behind there, that area stays white.

Try

body, .container {
/* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
background:     url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0  ;
}

Thanks so much! That worked great! Is there any way to make it flow with the footer? It currently looks like this : https://www.crossfitnavigate.com

Try:
footer#footer {background-color:transparent;}

or may need:
footer#footer {background-color:transparent!important;}

To remove the white line use:

footer#footer {
background-color:transparent;
border-top: none;
}

That didn’t seem to do the trick. I tried both variations.

Sorry, try:
footer#footer .colophon {background-color:transparent;}

That didn’t seem to work either ?? Also, is there a way to prevent the images from scaling down and forcing you to click on the image to see the original size. This is happening to me on various pages. Here is an example : https://www.crossfitnavigate.com/us

Thanks again for all of your help!

What a wally I am! Try this:
footer#footer .colophon {background:transparent;}

The images are scaling for reasons around ‘responsiveness’ on different viewports. They look fine on my widescreen. What are you looking to do?

You’ll need to use @media coding.

The footer for some reason is getting part of the background in it. How can I get rid of it?

Instead of this:

body, .container {
/* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
background:     url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0  ;
}

Do this:

body,
#main-wrapper {
/* Adjust the Image location 'wp-content/uploads/NAMEOFFILE.png' */
background:     url(/wp-content/uploads/NAMEOFFILE.png) repeat fixed 0 0  ;
}

Thank you so much! That worked perfectly! Do you have any idea as to why I have that blue dotted line towards the top now?

There’s some styling that applies just that blue dotted line on the ‘<h1>‘. If you didn’t set that then try deactivating all plugins if any could be responsible.