{"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":"2025-08-27T06:54:30","modified_gmt":"2025-08-27T06:54:30","slug":"6618106-hostinger-website-builder-how-to-customize-the-website-s-style","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6618106-hostinger-website-builder-how-to-customize-the-website-s-style\/","title":{"rendered":"Hostinger Website Builder: How to Customize the Website&#8217;s Style"},"content":{"rendered":"<p class=\"no-margin\">Within the builder, expand the <b>Website styles <\/b>panel on the left:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/10\/72c29991-76ff-4dc4-a33b-cb1be5201dc4.jpg\" width=\"320\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><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 href=\"\/support\/6463582-website-builder-customizing-website-colors\" target=\"_blank\" class=\"intercom-content-link\">Colors<\/a><\/b>: choose a color palette or create your own<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6463286-website-builder-how-to-change-text-style\" target=\"_blank\" class=\"intercom-content-link\">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 href=\"\/support\/6614604-website-builder-how-to-change-the-button-shape\" target=\"_blank\" class=\"intercom-content-link\">Buttons<\/a><\/b>: choose the preferred button shape<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6463358-website-builder-how-to-add-animations\" target=\"_blank\" class=\"intercom-content-link\">Animations<\/a><\/b>: choose the preferred animation style <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Besides the global style settings, you can also customize every <b><a href=\"\/support\/6435894-website-builder-how-to-add-and-customize-website-elements\" target=\"_blank\" class=\"intercom-content-link\">website element<\/a><\/b> <b>locally<\/b>. Simply click on an element, select <b>Edit<\/b>, and explore its individual settings:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/10\/a4458a0d-03cb-4d7e-a824-82038bb0b396.jpg\"><\/div><p class=\"no-margin\">All <b><a href=\"\/support\/6475040-website-builder-how-to-add-and-manage-website-sections#h_4a7baac6a1\" target=\"_blank\" class=\"intercom-content-link\">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><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/10\/b484c82b-2dba-4fa6-8590-61cac8e3533c.jpg\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to make global changes to your website&#8217;s style using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[281],"tags":[],"class_list":["post-756","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6618106-hostinger-website-builder-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-PT","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----\/","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":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":3209,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/756\/revisions\/3209"}],"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}]}}