{"id":756,"date":"2022-10-06T07:24:18","date_gmt":"2022-10-06T07:24:18","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/10\/06\/6618106-hostinger-website-builder-how-to-customize-the-website-s-style\/"},"modified":"2026-10-29T14:46:55","modified_gmt":"2026-10-29T14:46:55","slug":"6618106-hostinger-ai-builder-manual-mode-how-to-customize-the-website-s-style","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6618106-hostinger-ai-builder-manual-mode-how-to-customize-the-website-s-style\/","title":{"rendered":"Hostinger AI Builder: How to customize the website&#8217;s style in manual mode"},"content":{"rendered":"<p>Customize the style of your <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder\" href=\"\/ai-builder\">Hostinger AI Builder<\/a> manual mode website globally through the Website styles panel, or locally on individual elements and sections.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">See <a data-click-id=\"hgr-post-content-link-how-to-choose-a-website-template\" href=\"\/support\/6494671-hostinger-ai-builder-manual-mode-how-to-choose-a-website-template\/\">How to choose a website template<\/a> if you&rsquo;d like to start from a pre-made design before customizing your styles further.<\/div><h2 id=\"h-customize-global-styles\">Customize global styles<\/h2><p>Within the builder, expand the <strong>S<\/strong><b>tyles <\/b>panel on the left:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" class=\"alignnone size-full wp-image-16324\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-02.png\/public\" alt=\"\" width=\"449\" height=\"865\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-02.png\/w=449,fit=scale-down 449w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-02.png\/w=156,fit=scale-down 156w\" sizes=\"(max-width: 449px) 100vw, 449px\" \/><\/div><p class=\"no-margin\">Here, you can find the <b>global style settings<\/b> of the following:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a data-click-id=\"hgr-post-content-link-colors\" class=\"intercom-content-link\" href=\"\/support\/6463582-hostinger-ai-builder-manual-mode-how-to-change-website-colors\/\" target=\"_blank\" rel=\"noopener\">Colors<\/a><\/b>: choose a color palette or create your own<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a data-click-id=\"hgr-post-content-link-text\" class=\"intercom-content-link\" href=\"\/support\/6463286-hostinger-ai-builder-manual-mode-how-to-change-text-style\/\" target=\"_blank\" rel=\"noopener\">Text<\/a><\/b>: choose a pair of fonts and customize the style of headings, paragraphs, and navigation menu links<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a data-click-id=\"hgr-post-content-link-buttons\" class=\"intercom-content-link\" href=\"\/support\/6614604-hostinger-ai-builder-manual-mode-how-to-change-the-button-shape\/\" target=\"_blank\" rel=\"noopener\">Buttons<\/a><\/b>: choose the preferred button shape<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a data-click-id=\"hgr-post-content-link-animations\" class=\"intercom-content-link\" href=\"\/support\/6463358-hostinger-ai-builder-manual-mode-how-to-add-animations\/\" target=\"_blank\" rel=\"noopener\">Animations<\/a><\/b>: choose the preferred animation style<\/p>\n<\/li>\n<\/ul><h2 id=\"h-customize-elements-and-sections-locally\">Customize elements and sections locally<\/h2><p class=\"no-margin\">Besides the global style settings, you can also customize every <b><a data-click-id=\"hgr-post-content-link-website-element\" class=\"intercom-content-link\" href=\"\/support\/6435894-hostinger-ai-builder-manual-mode-how-to-add-and-customize-website-elements\/\" target=\"_blank\" rel=\"noopener\">website element<\/a><\/b> <b>locally<\/b>. Simply click on an element, select <b>Edit<\/b>, and explore its individual settings:<\/p><div class=\"intercom-container\"><img decoding=\"async\" class=\"alignnone size-full wp-image-16325\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-04.png\/public\" alt=\"\" width=\"882\" height=\"786\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-04.png\/w=882,fit=scale-down 882w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-04.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-04.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/div><p class=\"no-margin\">All <b><a data-click-id=\"hgr-post-content-link-website-sections\" class=\"intercom-content-link\" href=\"\/support\/6475040-hostinger-ai-builder-manual-mode-how-to-add-and-customize-website-sections\/#h_4a7baac6a1\" target=\"_blank\" rel=\"noopener\">website sections<\/a><\/b> &ndash; be it a header, footer, or regular one &ndash; have their own settings, too. Click on a section to reveal its settings menu:<\/p><div class=\"intercom-container\"><img decoding=\"async\" class=\"alignnone size-full wp-image-16326\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-05.png\/public\" alt=\"\" width=\"1902\" height=\"846\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-05.png\/w=1902,fit=scale-down 1902w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-05.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-05.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-05.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-20_14-05.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1902px) 100vw, 1902px\" \/><\/div><div>Your website now reflects your chosen global and local style settings.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Make global and local style changes to your Hostinger AI Builder manual mode website.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_content_updated_date":"","include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-756","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6618106-hostinger-ai-builder-manual-mode-how-to-customize-the-website-s-style","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6618106-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-sitio-web","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6618106-createur-de-sites-web-comment-personnaliser-le-style-d-un-site-web","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6618106-hostinger-website-builder-cara-mengatur-style-website","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6618106-hostinger-svetainiu-kurimo-irankis-kaip-keisti-svetaines-stiliu","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6618106-hostinger-criador-de-sites-como-personalizar-o-estilo-do-seu-site","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6618106-hostinger-\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440-\u0441\u0430\u0439\u0442\u0456\u0432-\u044f\u043a-\u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u0442","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=756"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":22728,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/756\/revisions\/22728"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}