Background image to scroll with content

Anvil Q&A
1

I am trying to get my background image to scroll along with the content on the page. As of right now the content scrolls but the background stays fixed…

It is a custom html form and I’ve placed the following code into the “custom html” “Edit” CSS field. I can’t figure out why its not working.

body {
background-color: #000000;
background-size: 100%;
background-image: scroll;
background-image: url("_/theme/stonebackground.png");
background-repeat: vertical;
}

2

If you’re talking about this edit button:

image

then what you type into it should be HTML. If you want to add CSS to it, you’d need to surround it with style tags.

3

Yes the tags are there as well. But the background still does not scroll…

4

Then you’re getting into the CSS itself, which other folks here are far more equipped to answer than me. But, in general, I’m not sure that the custom HTML for a custom HTML form is the right place to style the body attribute. You may want to create a styled div that contains a drop point for components inside it.