Adding background image to one page in Bedford

I have tried every code I can find on this forum. noting works totally. I got to a point where I got the background image on but then all of the text I couldn't see. I tried to add transparent and take down the opacity to no avail. Please help! I know nothing of CSS coding just messing around a bit to see what I can learn. Thanks!

@cmac723 Can you share site url?

First, you need to find PAGE ID. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageIDThen add to Home > Design > Custom CSS

body#collection-52d8053ce4b0e26973428261 #siteWrapper {
   background-image: url(http://www.hanoi-office.com/themes/frontend/img/img_about.jpg);
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}

OMG you are amazing! I found the body id and put the url in. I know nothing about coding but it didn't work until I put at the end. Do you always put that in the code or only sometimes? Anyway it worked! Thanks so much!!

"until I put at the end"I don't understand this sentence@cmac723

style and /style. It won't let me type it right. :)

Now I'm having problems with the pictures being too zoomed in. How would I fix that?

@cmac723 You can insert to Home > Design > Custom CSS with my code (I sent above)

Or if you want to insert to Inject code (Header), use

<style>
my css I sent
</style>

Sometimes you will need add !important to after to CSS work.eg. background-repeat: no-repeat !important;

An element can use a lot of CSS. CSS use Important will have a higher priority.If two CSS use !Important, the below CSS will have a higher priority