How to Add Background Image to a Container
Enhance your layout by adding background images to containers. This guide shows you how to apply background images to containers in your document. Learn how to upload custom images or choose from the built-in library, adjust opacity, and create visually engaging sections with ease.
Add Container Background
Learn how to enhance your container with a custom background image.
Follow the steps below to apply the change in your QuoteCloud document.
Add Container Background
Open the container options
Right-click the container you want to customise. This opens the container options menu.Open Container Settings
Click Container Settings to access layout and appearance controls. The Container Settings panel opens on the side of the editor.Open Background settings
Select the Background control to view the available background types. This is where you choose whether the container uses a colour or image background.Choose Image
Choose Image to apply a background image to the container. The container background controls will update to show image options.Add a background image
Click Add to set a background image. The image picker opens with available images and upload options.Select or upload an image
Select an image from the built-in image library, or click Upload Image to upload your own. The selected image is applied to the container background.Adjust the image opacity
Use the opacity slider to control how transparent the background image appears. Review the container to make sure the content remains readable over the image.
FAQs
What is a background image in a container and why should I use one?
A background image is an image placed behind the content of a container (row) in your document layout. In sales quoting software and sales proposal software, background images enhance visual appeal, reinforce branding, and create distinct sections so important areas of a quote or proposal stand out without distracting from the message.
Can I upload my own images or must I use the built-in library?
Both options are supported. You can upload custom images from your device for full branding control, or choose high-quality photos from the built-in Unsplash library in QuoteCloud. Uploaded assets let you maintain exact brand imagery, while the Unsplash library speeds up design when you need professional visuals quickly.
How do I add a background image to a container (step-by-step)?
Select the container you want to style, open the container background settings, and choose either to upload an image from your device or pick one from the Unsplash library. After selecting the image, set the fit (cover or contain), choose the position, adjust opacity and any overlay/tint options, then save your changes to apply the background to the container.
How do I control opacity and why is opacity important?
Opacity controls let you reduce an image's visual prominence so foreground text and elements remain clear. Lowering opacity creates subtle backgrounds or soft overlays that don’t compete with content, improving legibility. As a rule of thumb, start with a low-to-medium opacity for images behind text and adjust until text contrast and readability are optimal.
What styling options can I apply to a background image?
The editor typically offers fit options (cover or contain), position controls, opacity sliders, and overlay or tint settings. Use cover to fill the container, contain to show the whole image, reposition for focal points, and apply a color overlay or tint to improve contrast with text. These options help you create polished sections in your quote software or proposal software.
What image formats and sizes work best for background images?
Use standard web formats such as JPEG, PNG, or SVG and optimize images for fast load times. For container backgrounds, choose images with sufficient resolution (for example, widths around 1200px or higher for large sections) while keeping file size reasonable through compression—this balances quality and performance in your quote and proposal documents.
Best practices for using background images in quotes and proposals?
Keep branding consistent, avoid busy images behind text, and use overlays or reduced opacity to maintain readability. Test backgrounds on desktop and mobile, ensure good contrast for accessibility, and prefer subtle textures or brand photography for headers and section dividers in your sales quoting or proposal software to keep documents professional and scannable.
What should I do if my background image doesn't appear or looks blurry?
Check that the image uploaded successfully and is in a supported format, confirm the container background setting is enabled, and verify opacity or overlay settings are not hiding the image. If the image is blurry, try uploading a higher-resolution file and optimize rather than heavily enlarging a small asset. Clearing your browser cache or re-saving the document can also resolve display glitches.