Hostinger Website Builder: How to add and customize the Card element

Updated 2 weeks ago

The Card element in Hostinger Website Builder lets you create modern, styled container layouts for your website. It supports borders, background fills, and shadows, giving you full control over how your content is structured and presented.

Adding a Card element

  1. Open your website in Hostinger Website Builder.
  2. Click the Add elements panel on the left side of the builder.
  3. Locate the Card element and drag it onto your page.

Website builder add elements panel with Card option highlighted

Customizing the Card element

Once the Card element is on your page, click it to open the settings panel. From there, you can adjust the following:

  • Borders – set the border color and width.
    Website builder card settings panel with gradient card selected in the canvas
  • Background fill – choose a solid color or a gradient.
  • Drop shadows – select a preset shadow or create a custom one.
    Website builder card settings panel open on Shadow tab for selected gradient card
  • Sizing – adjust the dimensions to fit your layout structure.

With these options, you can match the Card element to any section or design style on your website.