Hardware FixRecommendedDevice not working? Your driver may be the problemCheck updates for common hardware issues.Fix DriversHalloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan Now×
Skip to content
World desk1 min

Hostinger AI Builder Card: Add It and Adjust Its Style in Manual Mode

Add a Card from the Add elements panel in Hostinger AI Builder manual mode, then select it to adjust its border, background, shadow, and dimensions.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To add a Card in Hostinger AI Builder’s manual editor, open Add elements on the left, drag Card onto the page, then select it to open its settings. There you can adjust its border, background, shadow, and dimensions.

How to add a Card to a page

  1. Open your website in Hostinger AI Builder’s manual editor.
  2. Open Add elements in the panel on the left.
  3. Find Card and drag it onto the page. Hostinger’s Card instructions specify drag-and-drop as the insertion method.
  4. Select the Card you placed to open its settings.

What you can customize

Hostinger describes Card as a styled container for card-style layouts. Its settings control the container’s appearance and size; the element does not itself supply content or a link.

As an Amazon Associate I earn from qualifying purchases.

  • Border: Set the border color and width.
  • Background: Choose a solid color or a gradient.
  • Shadow: Select a preset or create a custom shadow.
  • Dimensions: Adjust the Card’s sizing to fit the layout.

For a simpler treatment, use a solid fill and a preset shadow; for more control over the visual effect, try a gradient or custom shadow. These are styling choices, not documented recommendations for particular designs. Hostinger’s general manual-mode guide also describes dragging and dropping elements into a preferred place or clicking to insert into a selected section, but the dedicated Card guide instructs users to drag it onto the page.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Keep the Card consistent with the site

Hostinger’s manual-mode styling guide covers global styles as well as local styling for individual elements and sections. Use those broader style options if you want the Card to fit the rest of the site; they are separate from the Card’s documented border, fill, shadow, and sizing controls. See How to customize the website’s style in manual mode.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

When the Card element became available

Hostinger announced the Card element for Website Builder on February 20, 2026, describing borders, solid or gradient backgrounds, preset or custom shadows, and flexible styling. That is the announcement date, not a date for any performance or adoption measurement. Read the announcement.

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
Windows Errors? Fix Them Before They SpreadFree repair scan