Background Styling is an easy way to elevate and personalize any project. When used with thoughtfully, background graphics and colors can be an impactful way to create title pages and transitions throughout your book.
By navigating to 3 dots in the upper right hand corner, you’ll bring up the page settings dropdown menu. Here you’ll find options to change the background color, change the background image, and change the background size.
Change Background Color
“Change Background” brings up an RGB color picker, with a color grid, a hue slider, and an opacity slider on the right (below).
Note: Textboxes have their own background color setting, and if you want a seamless color background, you might need to edit each textbox individually.
More info on these topics can be found on the character styles and text formatting pages.
Adding a Background Image
“Change Background Image” Opens the the Builder media library where you can choose an existing image or upload your own.
Editing Background Image Layout
“Change background size” allows you to decide how big this background image should appear, and what its behavior should be in relation to the rest of your page.
The Attachment dropdown designates if a background image should Scroll with the page (This setting is the Default) or RemainFixed on the page as the text scrolls.
The Size Dropdown designates how big your background image will be, these two options work together to determine the behavior of this background.
Length
allows you to set up a specific length and height for your Background Image. This gives you a lot of flexibility but can also lead to distortion if the length and height are not proportional to the original size of the image. If your image is smaller than the page it will default to a tiled format.
Percentage
gives you similar control, but in this case you are sizing the image based on the percentage of the screen you want the length and height to occupy. Again if the image is smaller than the page it will tile. You should also be careful with this setting to avoid distortion if you size your image unproportionally.
Cover
allows you to scale the background image to be as large as possible so that the background area is completely covered by the background image. This will size the image differently based on what you have selected in the Attachment Dropdown. For instance if Scroll is selected in your attachment Dropdown and Cover is selected in your Size DropDown the Image’s height will be scaled to match the size of your entire page, this can easily distort your image if you have a long page.
Automatic
will default to the last preset given, and is automatically set to cover > scroll.
Contain
scales the background image to the largest size such that both its width and its height can be contained in the content area. While this will lead to the largest proportional version of your image, it may still need to be tiled in order to fill your page.
Initial
Defaults to the size of the image file, this will most likely be the easiest way to ensure your image is not distorted, but it is unlikely it will be scaled correctly for your page.