Section Background in Hostinger AI Builder: Manual-Mode Steps and Options

To change a section background in Hostinger AI Builder manual mode, select the section, choose Edit section, then choose a color, image, or video and adjust its available settings. Color backgrounds can be solid or gradient; image and video backgrounds offer overlay opacity and a fixed-background option, while video also has positioning controls.

Change a section background in manual mode

1. In the builder, click the section you want to edit and select Edit section.

   #	Preview	Product	Price
   1		Siti web produttivi con Hostinger: Il Complemento Operativo al Manuale AI Investment: Digital...	$9.99	Buy on Amazon

   As an Amazon Associate I earn from qualifying purchases.

2. Choose a background type: color, image, or video.

3. Configure the controls for the background type you selected, then check the section in the page preview.

   ×Performance · Free Tool

   Windows Errors? Fix Them Before They Spread

   Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.

   Fix My PC Now →Free scan · no reinstall

   Update all drivers →Fix Windows issues →
   Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For an image background, you can also click Generate image directly. The options described here are documented in Hostinger’s manual-mode section background guidance.

#1 Best Overall

Siti web produttivi con Hostinger: Il Complemento Operativo al Manuale AI Investment: Digital Products 2.0 (Digital Profit Italia Pack 2.0 Vol. 2) (Italian Edition)

$9.99

Buy on Amazon

Choose and configure a background

Color

Click the color bubble and select a color. You can use a solid color or configure a gradient. A linear gradient transitions in a straight line; a radial gradient radiates outward from a central point.

Image

Choose Add image or Replace image, then select an image from the media library, upload one, or browse the free image gallery. Adjust overlay opacity if needed. Enable the fixed-background option if you want the image to remain in place as the page scrolls.

Video

Choose Replace video, then select a video from the media library or upload one. You can adjust overlay opacity, enable a fixed background, and control video positioning.

GIF guidance

Hostinger advises against GIF section backgrounds because they may affect website speed. Its guidance gives no measurement of the effect, so treat this as a qualitative warning rather than a quantified performance claim.

Section background or site-wide colors?

Edit section changes the background of the selected section. To manage colors across the site, use Styles > Colors instead. Manual-mode section settings also include a Background tab.

Pick settings that suit the design

• Use a solid color when you want a straightforward background. Choose a linear or radial gradient when a color transition better fits the section.

• Use an image for a visual backdrop, and adjust overlay opacity when the foreground content needs more contrast.

  ×

  Outdated Drivers Are Slowing You Down

  One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchScan My Drivers Free →

  Windows Errors? Fix Them Before They Spread

  Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallFix My PC Now →
  Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

• Use video when motion is appropriate for the design; its positioning control lets you adjust how the video appears in the section.

• Fix an image or video background when it should stay in place while visitors scroll, rather than moving with the page.

  Quick Recap

  Bestseller No. 1

  

  Siti web produttivi con Hostinger: Il Complemento Operativo al Manuale AI Investment: Digital Products 2.0 (Digital Profit Italia Pack 2.0 Vol. 2) (Italian Edition)

  $9.99

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.