In Hostinger AI Builder manual mode, open Styles in the left panel to change the site-wide colors, text, buttons, and animations. For a one-off adjustment, select an element and choose Edit, or select a section to open its settings.
Change the overall look with Styles
Open the site in manual mode and expand Styles in the left panel. The panel provides the global controls for colors, text, buttons, and animations, as described in Hostinger’s manual-mode style guide.
As an Amazon Associate I earn from qualifying purchases.
Colors
Choose a color palette for the site or create one to set its overall color direction.
PC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Outdated 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 matchText
Choose a font pair, then adjust the styles used for headings, paragraphs, and navigation links.
#1 Best Overall
- HTML CSS Design and Build Web Sites
- Comes with secure packaging
- It can be a gift option
Buttons and animations
Choose a button shape and an animation style from the global controls. These options are useful when you want a consistent treatment across the site rather than a change to just one item.
Use local settings for an element or section
To make a targeted change, select the element and choose Edit to open its settings. To adjust a header, footer, or regular section, select the section itself to reveal its settings. The manual-mode guide documents both global styling and local adjustments, but does not establish that local settings automatically override global styles in every case.
Rank #2
Customize an individual button
Select the button and open its settings. The manual-mode template guide separates button options into General and Style groups:
Quick Recap
Rank #4
- General: Change the button text and link destination, choose whether the link opens in a new tab, and set the nofollow option.
- Style: Set normal and hover fill and text colors, adjust the text font and size, and change the border radius.
Choose the right level of change
| Use | Best for | Where to edit |
|---|---|---|
| Global styles | Site-wide colors, typography, button shape, and animation style | Styles in the left panel |
| Local settings | A particular element or section, including an individual button | Select the element and choose Edit, or select the section |
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.
