It is fairly common to want to change the background image that makes up the page appearance, and fortunately it is pretty easy to do that. Decide if you want to change the background for every page, or only for a single page, and follow below.
Globally Change Page Backgrounds
In the Style Editor, you can set the background for every page by setting the background-image and a few other related properties. In the below example you could easily stick with just the background-image and background-size properties, but here I have added the color aqua and then blended it with the image.
The above is applied to the simple .page selector, which is the container for every “page” in a brew. Typically this is what people probably want, but if you want to apply a different image as the background on a single page, or set of specific pages, read on.
Targeted Changes to Page Backgrounds
The code editor component I use doesn’t support the concept of multiple pages, so the below doesn’t have great examples, I apologize.
Targeting a specific page can be done in two ways. First, you could stay in the Style Editor and apply the same properties as above using a slightly more complex selector:
This applies the rule only to the first page. The second page would be .page#p2, and so on.
Another option is to stay out of the Style Editor and instead apply the same properties from the Brew Editor using the injection syntax right into the .page container. This injection only applies to the page it is on and will override whatever is being done in the Style Editor or default style.