This works in the old designer, why doesn't it work in the new designer? I verified there is still an element called body on the form.
body
{
background-color: #DFDBE5;
}
With how the structure of the form and page have changed in the new designer, I don't believe it will work that way. But it may work this way instead (it works for me on-prem version 11.0.2212.30907 - I don't believe something like this would be different in Cloud):
&.Form.lf-form {
background-color: #DFDBE5;
}
FYI - this is one I've been using a lot with a background image, which is how I knew about using "&.Form.lf-form":
/*Fixed positioning of photo background*/
&.Form.lf-form {
background-size: cover;
background-attachment: fixed;
}
It worked! I don't know how you found this. When I use the Chrome dev console it just shows the tag <body>
The true purpose was not to set the background color since I can do that in themes. I like to use raw data to generate background textures because it looks good and does not render on anything printed.
Thanks again!
It took a lot of trial and error it figure it out. If I hadn't done it for the background images a while ago, I wouldn't have been able to just come up with it now, because it is so different from the classic designer.