Product List Section<\/a><\/b><\/p>\n Ribbon Color<\/b><\/p>\n<\/li>\n “Add to Bag” Button Color<\/b><\/p>\n<\/li>\n Change the Product Title Color Individually<\/b><\/p>\n<\/li>\n Change the Pagination Color Individually<\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n Single Product Section and\/or Product Page<\/a><\/b><\/p>\n Product Description Color<\/b><\/p>\n<\/li>\n “Add to Bag” Button Color<\/b><\/p>\n<\/li>\n Change the Product Title Color Individually<\/b><\/p>\n<\/li>\n Change the Product Subtitle Color Individually<\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul> \n<\/p> Click on the product list section<\/a><\/b>, select Edit section<\/b>, and change the text color in the Style<\/b> tab:<\/p> \n<\/p> \n<\/p> Changing the text color in the style settings will affect the product title<\/b>, price<\/b>, and pagination buttons<\/b>. If there’s a sale price, the original price will always be a shade lighter.<\/p> \n<\/p> Click on the product list section, select Edit section<\/b>, and change the ribbon color in the Ribbons <\/b>tab:<\/p> \n<\/p> \n<\/p> NOTE<\/b>: You can add a ribbon in the product management area<\/a><\/b><\/p> \n<\/p> Click on the product list section, select Edit section<\/b>, and change the button color in the Add to bag button <\/b>tab:<\/p> \n<\/p> \n<\/p> \n<\/p> Copy the below code, replace the HEX code<\/a><\/b> with the preferred one, and paste it into the Custom code<\/a><\/b> field in your website’s integrations settings:<\/p> \n<\/p> \n<\/p> \n<\/p> Copy the below code, replace the HEX codes<\/a><\/b> with the preferred ones, and paste it into the Custom code<\/a><\/b> field in your website’s integrations settings:<\/p> \n<\/p> \n<\/p> \n<\/p> \n<\/p> Click on the product section<\/a><\/b>, select Edit section<\/b>, and change the color in the Style <\/b>tab:<\/p> Text color<\/p>\n<\/li>\n Arrows color on product images<\/p>\n<\/li>\n Arrows color in the product gallery<\/p>\n<\/li>\n Section background color (or set image background)<\/p>\n<\/li>\n<\/ul> Changing the text color in the style settings will affect the product title<\/b>, subtitle<\/b>, price<\/b>, product options<\/b>, <\/b>and description<\/b>. If there’s a sale price, the original price will always be a shade lighter.<\/p> \n<\/p> In the product management area<\/a><\/b>, find the description field and change the color using text editing tools:<\/p> \n<\/p> \n<\/p> Click on the product list section, select Edit section<\/b>, and change the button color in the Button <\/b>tab:<\/p> \n<\/p> \n<\/p> Copy the below code, replace the HEX code<\/a><\/b> with the preferred one, and paste it into the Custom code<\/a><\/b> field in your website’s integrations settings:<\/p> \n<\/p> \n<\/p> \n<\/p> Copy the below code, replace the HEX code<\/a><\/b> with the preferred one, and paste it into the Custom code<\/a><\/b> field in your website’s integrations settings:<\/p> \n<\/p> \n<\/p> Learn how to change the text color in the online store 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":[286],"tags":[],"class_list":["post-729","post","type-post","status-publish","format-standard","hentry","category-online-store"],"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\/support\/wp-json\/wp\/v2\/posts\/729","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=729"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/729\/revisions"}],"predecessor-version":[{"id":3137,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/729\/revisions\/3137"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
Product List Section<\/h2>
![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/f561690f-0dd2-43e6-96df-4399c20de935.jpg\")
<\/div>Ribbon Color<\/h3>
![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/0a8ed395-0265-43d9-9c0d-59abb1b24176.jpg\")
<\/div>“Add to Bag” Button Color<\/h3>
![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/a01e24a0-e796-40a0-bd8e-035733161612.jpg\")
<\/div>Change the Product Title Color Individually<\/h3>
<style>
\/*Product list: Product title*\/
.product-list-item__title {
color: #FF0000 !important;
}
<\/style><\/code><\/pre>![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/be81d1ce-4d3d-48cc-8ad2-4a0518e8aaf5.jpg\")
<\/div>Change the Pagination Color Individually<\/h3>
<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>![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/829c7c45-c92c-4cfa-955a-edda022b54f4.jpg\")
<\/div>Single Product Section and\/or Product Page<\/h2>
\n
![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/202642db-efa6-4a06-b145-24c89ad8cb3a.jpg\")
<\/div>Product Description Color<\/h3>
![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/3eea7eb5-2c42-4119-8d7f-6c8d255e28e8.jpg\")
<\/div>“Add to Bag” Button Color<\/h3>
![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/0c8b4c36-a9a3-4ee1-a662-447d74d81418.jpg\")
<\/div>Change the Product Title Color Individually<\/h3>
<style>
\/*Single product: Product title*\/
.block-product__title {
color: #FF0000 !important;
}
<\/style><\/code><\/pre>![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/6df5c204-0193-48d7-a5cf-0a78ec4d6608.jpg\")
<\/div>Change the Product Subtitle Color Individually<\/h3>
<style>
\/*Single product: Product title*\/
.block-product__subtitle {
color: #FF0000 !important;
}
<\/style><\/code><\/pre>![](\"\/support\/wp-content\/uploads\/sites\/55\/2022\/12\/340f9270-692e-434f-9533-8c294636d29a.jpg\")
<\/div>\n","protected":false},"excerpt":{"rendered":"