How to Resize an Element or a Section in Hostinger Website Builder

Hey everyone, welcome to Ben’s Experience! In this tutorial, I will show you how to resize an element or a section in Hostinger Website Builder. This guide will help you customize your website to fit your design needs perfectly.

Step-by-Step Guide to Resizing Elements in Hostinger Website Builder

1. Resizing the Header Section

To begin, I am now inside the Hostinger Website Builder. Let’s start by resizing the header section. Follow these steps:

  1. Select the Header Section: First, click on the header section you want to resize.
  2. Click on Edit Header: Once selected, click on the “Edit Header” button.
  3. Adjust Spacing: Below the top and bottom spacing options, you can make the header longer or shorter by adjusting the sliders.

2. Resizing a Section

Next, let’s resize a larger section, such as a big photo section. Here’s how:

  1. Go to the Bottom of the Section: Scroll to the bottom of the section you want to resize.
  2. Click on the Arrows: You will see a small icon with two arrows. Click on this icon.
  3. Adjust the Height: Drag the arrows up or down to make the section shorter or longer.

3. Resizing a Photo

Finally, let’s resize a photo within a section. Follow these steps:

  1. Select the Photo: Click on the photo you wish to resize.
  2. Drag the Corner: Click and drag the corner of the photo to adjust its size.
  3. Adjust as Needed: You can make the photo larger or smaller by dragging it to your desired dimensions.

Undoing an Action

If you make a mistake or want to revert any changes, simply use the undo function to go back to the previous state.

Special Offer: Free Online Courses

Before you go, I have something special for you! I am offering two free online video courses:

  1. Hostinger Hosting and WordPress Managing: Learn how to manage your hosting and WordPress site effectively.
  2. Using Hostinger Website Builder: Discover how to create basic websites or online shops using Hostinger Website Builder.

You can get both courses for free by clicking the link in the description.

If you found this tutorial helpful, give it a thumbs up and subscribe to my channel. If you have any questions, leave a comment below!

Happy website building!

Similar Posts