All Collections
Website Builder
Website Sections
Website Builder: How to Change the Section Background
Website Builder: How to Change the Section Background

Learn how to change the background of a website section using Hostinger Website Builder

Updated over a week ago

If you use Hostinger Website Builder and want to change the section background, follow the steps below 👇

Within the builder, click on the section you want to edit and select Edit section:

The section settings in Hostinger Website Builder

If you wish to use an image background, you may also click on Generate image right away 💡

Choose between color or image:

The section settings in Hostinger Website Builder

Color background

Image background

Click on the color bubble and set any color you like

Click on Add image or Replace image and select an image from the media library, upload your own image, or browse the free image gallery

After setting a background image, you can also:

  • Change the overlay opacity until you're happy with how dark or light your section's background is

  • Enable fixed background, which means that the background image will remain fixed (won't scroll) when scrolling the page

It is not recommended to use GIFs for a section background because they may affect your website speed 💡

Did this answer your question?