{"id":1805,"date":"2022-12-16T17:35:59","date_gmt":"2022-12-16T17:35:59","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/16\/6463582-hostinger-criador-de-sites-como-personalizar-as-cores-do-site\/"},"modified":"2025-08-27T06:11:25","modified_gmt":"2025-08-27T06:11:25","slug":"6463582-hostinger-criador-de-sites-como-personalizar-as-cores-do-site","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6463582-hostinger-criador-de-sites-como-personalizar-as-cores-do-site\/","title":{"rendered":"Hostinger Criador de Sites: Como Personalizar as Cores do Site"},"content":{"rendered":"<p class=\"no-margin\">Existem duas formas de personalizar as cores do site:<\/p><ul>\n<li>\n<p class=\"no-margin\"><a href=\"#h_89c500602d\" target=\"_blank\" class=\"intercom-content-link\">Mudar automaticamente as cores do site inteiro<\/a><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><a href=\"#h_1833c53a14\" target=\"_blank\" class=\"intercom-content-link\">Mudar as cores de apenas um elemento ou se&ccedil;&atilde;o<\/a><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_89c500602d\">Mudar automaticamente as cores do site inteiro<\/h1><p class=\"no-margin\">Dentro do editor de sites, v&aacute; at&eacute; o menu lateral esquerdo e clique em <b>Estilo do site<\/b>. Depois, selecione a aba <b>Cores<\/b>. L&aacute; voc&ecirc; vai poder escolher uma das paletas de cores:<\/p><p>No editor, expanda o painel de <b>Estilos <\/b>&agrave; esquerda e abra a aba de <b>Cores<\/b>. Aqui, voc&ecirc; encontrar&aacute; todas as cores usadas em seu site. As cores usadas com mais frequ&ecirc;ncia aparecem no topo da lista. Clique em <b>Alterar <\/b>ao lado de qualquer cor, selecione uma nova e ela substituir&aacute; a cor anterior em todo o site:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/5cd56de2-32d3-4dcd-9026-ecf8cf344c8f.jpg\"><\/div><p class=\"no-margin\">Lembre-se de que voc&ecirc; ainda pode editar a apar&ecirc;ncia de elementos e se&ccedil;&otilde;es individuais manualmente a qualquer momento (veja abaixo).<\/p><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_1833c53a14\">Mudar as cores de apenas um elemento ou se&ccedil;&atilde;o<\/h1><p class=\"no-margin\">Clique em um elemento preferido, selecione <b>Editar <\/b>e altere sua cor individualmente. Por exemplo, clique em um <b><a href=\"\/br\/support\/6436143-criador-de-sites-como-adicionar-texto\" target=\"_blank\" class=\"intercom-content-link\">elemento de texto<\/a><\/b> e selecione <b>Editar texto<\/b>. Depois disso, selecione (destaque) uma parte do texto com a cor deseja alterar e clique em um seletor de cores:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/90a3c9c2-df37-4bc1-8677-9d11148bfda3.jpg\"><\/div><p class=\"no-margin\">Aprenda mais sobre personaliza&ccedil;&atilde;o abaixo:<\/p><ul>\n<li>\n<p class=\"no-margin\"><a href=\"\/br\/support\/6463972-criador-de-sites-como-personalizar-o-menu-de-navegacao\" target=\"_blank\" class=\"intercom-content-link\">Como personalizar o menu de navega&ccedil;&atilde;o<\/a><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><a href=\"\/br\/support\/6462732-criador-de-sites-como-mudar-o-plano-de-fundo-de-uma-secao\" target=\"_blank\" class=\"intercom-content-link\">Como mudar o plano de fundo de uma se&ccedil;&atilde;o<\/a><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><a href=\"\/br\/support\/6632359-criador-de-sites-como-adicionar-plano-de-fundo-a-um-texto\" target=\"_blank\" class=\"intercom-content-link\">Como mudar o plano de fundo de um texto<\/a><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a mudar as cores do site com o Criador de Sites da Hostinger<\/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":[258],"tags":[],"class_list":["post-1805","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463582-hostinger-website-builder-how-to-change-website-colors\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463582-hostinger-creador-de-sitios-web-como-personalizar-los-colores-de-la-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463582-hostinger-createur-de-sites-web-comment-personnaliser-les-couleurs-du-site-web\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463582-hostinger-website-builder-cara-mengubah-warna-website\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463582-hostinger-svetainiu-kurimo-irankis-kaip-keisti-spalvas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463582-hostinger-criador-de-sites-como-personalizar-as-cores-do-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1805"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1805\/revisions"}],"predecessor-version":[{"id":3263,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1805\/revisions\/3263"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}