Lista de produtos<\/a><\/b><\/p>\n Banners de barra<\/b><\/p>\n<\/li>\n Botão “Adicionar ao carrinho”<\/b><\/p>\n<\/li>\n Título do produto (individualmente)<\/b><\/p>\n<\/li>\n Paginação (individualmente)<\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n Seção de produto único e\/ou página de produto<\/a><\/b><\/p>\n Descrição do produto<\/b><\/p>\n<\/li>\n Botão “Adicionar ao carrinho”<\/b><\/p>\n<\/li>\n Título do produto (individualmente)<\/b><\/p>\n<\/li>\n Legenda do produto (individualmente)<\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul> Clique na seção da lista de produtos, selecione Editar seção<\/b> e altere a cor do texto na guia Estilo<\/b>:<\/p> \n<\/p> \n<\/p> Alterar a cor do texto nas configurações de estilo afetará o título do produto<\/b>, preço<\/b> e botões de paginação<\/b>. Se houver um preço de venda, o preço original será sempre um tom mais claro.<\/p> \n<\/p> Clique na seção da lista de produtos, selecione Editar seção<\/b> e altere a cor da barra na guia Banners de barra<\/b>:<\/p> \n<\/p> \n<\/p> OBSERVAÇÃO:<\/b> Para adicionar uma barra, abra o editor de produtos na área de gerenciamento da loja<\/p> \n<\/p> Clique na seção da lista de produtos, selecione Editar seção<\/b> e altere a cor do botão na guia do Botão “Adicionar ao carrinho”<\/b>:<\/p> \n<\/p> \n<\/p> Copie o código abaixo, substitua o código HEX<\/a><\/b> (inglês) pelo de sua preferência e cole-o no campo Código personalizado<\/a><\/b> nas configurações de integração do seu site:<\/p> \n<\/p> \n<\/p> Copie o código abaixo, substitua os códigos HEX<\/a><\/b> (inglês) pelo de sua preferência e cole-o no campo Código personalizado<\/a><\/b> nas configurações de integração do seu site:<\/p> \n<\/p> \n<\/p> \n<\/p> Clique na seção do produto<\/a><\/b>, selecione Editar seção<\/b> e altere a cor na guia Estilo<\/b>:<\/p> Cor do texto<\/p>\n<\/li>\n Cor das setas nas imagens do produto<\/p>\n<\/li>\n Cor das setas na galeria de produtos<\/p>\n<\/li>\n Cor de fundo da seção (ou definir fundo da imagem)<\/p>\n<\/li>\n<\/ul> \n<\/p> \n<\/p> Alterar a cor do texto nas configurações de estilo afetará o título<\/b>, subtítulo<\/b>, preço<\/b>, opções do produto<\/b> e descrição do produto<\/b>. Se houver um preço de venda, o preço original será sempre um tom mais claro.<\/p> \n<\/p> Na área de gerenciamento da loja<\/a><\/b>, abra o produto em questão. Encontre o campo de descrição e altere a cor usando as ferramentas de edição de texto:<\/p> \n<\/p> \n<\/p> Clique na seção da lista de produtos, selecione Editar seção<\/b> e altere a cor do botão na guia Botão<\/b>:<\/p> \n<\/p> \n<\/p> Copie o código abaixo, substitua o código HEX<\/a><\/b> (inglês) pelo de sua preferência e cole-o no campo Código personalizado<\/a><\/b> nas configurações de integração do seu site:<\/p> \n<\/p> \n<\/p> Copie o código abaixo, substitua o código HEX<\/a><\/b> (inglês) pelo de sua preferência e cole-o no campo Código personalizado<\/a><\/b> nas configurações de integração do seu site:<\/p> \n<\/p> \n<\/p> \n<\/p> \n<\/p>\n","protected":false},"excerpt":{"rendered":" Aprenda a mudar a cor do texto da sua loja online usando 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":[263],"tags":[],"class_list":["post-1668","post","type-post","status-publish","format-standard","hentry","category-loja-virtual"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6823389-hostinger-website-builder-how-to-change-text-color-in-the-online-store\/","default":1},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6823389-hostinger-createur-de-sites-web-comment-changer-la-couleur-du-texte-dans-la-boutique-en-ligne\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6823389-hostinger-svetainiu-kurimo-irankis-kaip-keisti-spalvas-el-parduotuveje\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6823389-hostinger-criador-de-sites-como-mudar-a-cor-do-texto-da-loja-online\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1668","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=1668"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1668\/revisions"}],"predecessor-version":[{"id":2840,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1668\/revisions\/2840"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1668"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1668"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
Cor da seção da lista de produtos<\/b><\/h2>
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/37302714-fc9e-46e1-8f54-caa23e12d810.jpg\")
<\/div>Cor dos banners de barra<\/b><\/h2>
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/f8196a2e-0c88-418d-8764-bd23c52350f7.jpg\")
<\/div>Cor do botão “Adicionar ao carrinho”<\/b><\/h2>
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/4c075d51-d428-47f2-b30e-79bc3025c705.jpg\")
<\/div>Cor do título do produto <\/b><\/h2>
<style>
\/*Product list: Product title*\/
.product-list-item__title {
color: #FF0000 !important;
}
<\/style><\/code><\/pre>![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/d2833afa-9ac1-41e5-8ed0-6edf2a7d4717.jpg\")
<\/div>Cor da paginação <\/b><\/h2>
<style>
\/*Product list: Pagination color*\/
.pagination__button{
color: #FF0000 !important;
}
\/*Product list: Current page number color*\/
.pagination__trigger--current{
color: #00FF00 !important;
}
\/*Product list: Pagination hover color*\/
.pagination__button:hover, .pagination__button:active{
color: #0000FF !important;
}
<\/style><\/code><\/pre>![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/18dc048e-241c-48ca-bf10-df0369509f5f.jpg\")
<\/div>Cor da seção de produto único e\/ou página de produto<\/b><\/h2>
\n
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/8d86b873-db19-4f58-b660-0d88aefd5cec.jpg\")
<\/div>Cor da descrição do produto<\/b><\/h2>
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/09a6ffcf-ee7e-47c2-98a0-041ec959cd59.jpg\")
<\/div>Cor do botão “Adicionar ao carrinho”<\/b><\/h2>
![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/cf88b83d-335f-4459-ab3f-113d8323e6f5.jpg\")
<\/div>Cor do título do produto <\/b><\/h2>
<style>
\/*Single product: Product title*\/
.block-product__title {
color: #FF0000 !important;
}
<\/style><\/code><\/pre>![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/560db4b8-5df0-4955-840b-24902b4ec97b.jpg\")
<\/div>Cor da legenda do produto <\/b><\/h2>
<style>
\/*Single product: Product title*\/
.block-product__subtitle {
color: #FF0000 !important;
}
<\/style><\/code><\/pre>![](\"\/br\/support\/wp-content\/uploads\/sites\/59\/2023\/03\/6a026b6c-a6a6-4dca-be9d-e2e39e69ab55.jpg\")
<\/div>