1
Prepare the page for styling
In this example, a custom background image will be added to the page to create a more visually engaging layout.
Background images work well for cover pages, banners, marketing proposals, and branded presentations.
Adding Background Images to a Page
This guide shows you how to add background images to a page in QuoteCloud, helping you create visually engaging and professional-looking documents.
Add background images to a page
- Add a custom background image to your document page.
- Apply color overlays to improve readability and styling.
Style your page background
2
Open the page options menu
On the upper-right corner of the page, click the ellipsis menu (three dots).
This opens the page management and configuration options.
3
Open Page Settings
Click Page Settings from the menu.
The Page Settings panel will open on the right-hand side of the editor.
4
Configure the page layout
Ensure the page is set to Single Page.
This setting prevents the page from automatically growing in height as content is added.
5
Open the background settings
Under the Page Style section, click Background.
This allows you to choose between no background, a solid color, or a background image.
6
Select image background mode
Click the Image option to enable image-based page backgrounds.
Additional controls for uploading and styling the background image will become available.
7
Upload a background image
Click Background Image → ADD to upload or select an image for the page background.
Once selected, the image will automatically appear behind the page content.
8
Enable an overlay style
Under Overlay Style, select Color.
Overlays help improve text readability by placing a tint or color layer over the background image.
9
Choose the overlay color
Click Overlay Color to open the color picker.
Select the desired tint or overlay color for your page background.
10
Adjust overlay opacity
Use the opacity controls to make the content more readable while still displaying the background image.
In this example, a light overlay color with reduced opacity is applied to soften the background.
11
Save and review the design
After selecting your image and overlay settings, the page background will update automatically.
Review the final layout to ensure text readability and visual balance across the page.
FAQs