Body Content Background White, with Site-Wide Image Background

I'm using the following code for a site-wide background image:

// Site-Wide Background Image //
.section-background, .page-section, .section-border {
    background: transparent !important;
}
body {
   background-image: url(https://static1.squarespace.com/static/641264c7edbfe5006e0ee4f9/t/64421ac128aa2229594b6b76/1682053832280/site-background-image-7M.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-color: transparent !important;
}

I would like to keep this background image as-is, but make the body content white for all site pages.

Any help would be appreciated.

What do you mean by body content? Do you mean text? If so, you don't need CSS. You can highlight it and change the color.

@qosmic Sorry, not the text, I mean the area where all of the content lies — basically all of the regions where the grid displays (see image):

Ah. I would just use a shape block or upload an image that's all white and drag it to fill the grid area.

@qosmic That was the first thought I had. But for blog pages, I think I'm going to need some code since blogs seem to be still running on 7.0 — can't drag shapes yet when in blogs.

That's true. I'm not sure what you're going for, but just in case you don't know, you can do a block background for text, but that will obviously leave gaps between the text and blocks of other types.

Right - trying to avoid those gaps.

The only way I know to do it is to add the background to each block with the following in the Custom CSS section, but you'd have to list every block in every blog post, which is obviously not awesome. @tuanphan might know a better way.

#block-ID1, #block-ID2, #block-ID3, ... {
     background: #ffffff;
}

That's a solution.

Is there also a way I change the background to white for the Section ID blocks and then with some css bring in the left/right margins?

I don't think that will work for sections. I suspect a better solution would be to use HTML to set the background color of the appropriate div for the page as a whole, but I'm not sure how to do that with a blog page off the top of my head. I'd have to play around with it. Hopefully someone here can steer you in the right direction.

@qosmic Okay, thanks for your help.