Hostinger AI Builder: How to change website colors in manual mode

Change colors on your Hostinger AI Builder manual mode website either globally, through the site-wide style settings, or locally, for a specific element or section.

Global styles settings

1. Within the editor, expand the Styles panel on the left
2. Open the Colors tab. Here, you’ll find all colors that are used across your website. The most frequently used colors appear at the top of the list.
3. Click on Change next to any color, then Select, pick a new color and click Accept, and it will replace the previous color all across your website:
   

Remember that you can still edit the appearance of individual elements and sections manually anytime (see below).

Local style settings

1. Click once on a preferred element, select Edit, and change its color individually. For example, click once on a text element and select Edit text on the top left corner.
2. Then, select (highlight) a portion of text you’d like to change the color of and click on the color picker (if you double-click the text, the color picker will show up from the start):
   

Learn more:

• Customize the style of the website’s navigation menu

• Change the section background

• Add background to text elements

• Customize text color in the online store