{"id":769,"date":"2022-09-07T15:15:07","date_gmt":"2022-09-07T15:15:07","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/09\/07\/6539079-hostinger-website-builder-how-to-customize-text-style-in-the-online-store\/"},"modified":"2026-03-16T12:12:05","modified_gmt":"2026-03-16T12:12:05","slug":"6539079-hostinger-website-builder-how-to-customize-text-style-in-the-online-store","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6539079-hostinger-website-builder-how-to-customize-text-style-in-the-online-store\/","title":{"rendered":"Hostinger Website Builder: How to Customize Text Style in the Online Store"},"content":{"rendered":"<p class=\"no-margin\">If you run an online store created with Hostinger Website Builder, you can easily change the<b> font family<\/b> used in the online store in the <b><a href=\"\/support\/6463286-website-builder-how-to-change-text-style\" target=\"_blank\" class=\"intercom-content-link\">global style settings<\/a><\/b>. There, you can set <b>two font families<\/b>: one for headings and one for paragraphs. Remember that these changes will apply to the whole website, not only the online store.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Similarly, you can<b> change the font size<\/b> in the following areas of the online store &#128071; <\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_63c5afdf47\">Product List Section<\/h2><p class=\"no-margin\">Learn how to <b><a href=\"\/support\/6538352-website-builder-product-sections\" target=\"_blank\" class=\"intercom-content-link\">add product list sections<\/a> &#128161; <\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Ribbon text: <b>Paragraph 3<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Product title: <b>Heading 6<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Price: <b>Paragraph 2<\/b><\/p>\n<\/li>\n<\/ul><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/00c15252-ba4e-401a-b628-00317f18391e.jpg\" alt=\"Text style in a products list section\"><\/div><p class=\"no-margin\"><b>NOTES<\/b> <\/p><ul>\n<li>\n<p class=\"no-margin\">Changes made in the global text style settings affect all text elements across your website<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">For example, if you change the style of Heading 6 (seeking to customize the style of product titles), remember that all other text elements written in H6 will also be affected <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">After making the changes, make sure to <b><a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_e7d03298da\">Single-Product Section<\/h2><p class=\"no-margin\">Learn how to <b><a href=\"\/support\/6538352-website-builder-product-sections\" target=\"_blank\" class=\"intercom-content-link\">add single-product sections<\/a><\/b> &#128161; <\/p><ul>\n<li>\n<p class=\"no-margin\">Product title:<b> Heading 3<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Product subtitle: <b>Heading 5<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Price: <b>Paragraph 1<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Product options: <b>Paragraph 2<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Product description: <b>Paragraph 2<\/b><\/p>\n<\/li>\n<\/ul><div class=\"intercom-container\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/620f47df-715f-43fe-b0ec-5ffb077234b0.jpg\"><\/div><p class=\"no-margin\"><b>NOTES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Changes made in the global text style settings affect all text elements across your website<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">For example, if you change the style of Heading 3 (seeking to customize the style of product titles), remember that all other text elements written in H3 will also be affected <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">The button style can be changed in the <b><a href=\"\/support\/6538352-website-builder-product-sections#h_9bd100955d\" target=\"_blank\" class=\"intercom-content-link\">product section settings<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">After making the changes, make sure to <b><a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_b08fa6338f\">Product Page<\/h2><p class=\"no-margin\">Learn how to find <b><a href=\"\/support\/6538349-website-builder-product-pages\" target=\"_blank\" class=\"intercom-content-link\">product pages<\/a><\/b> &#128161; <\/p><ul>\n<li>\n<p class=\"no-margin\">Product title:<b> Heading 1<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Product subtitle: <b>Heading 5<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Price: <b>Paragraph 1<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Product options: <b>Paragraph 2<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Product description: <b>Paragraph 2<\/b><\/p>\n<\/li>\n<\/ul><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"https:\/\/blog.hostinger.io\/pt\/support\/wp-content\/uploads\/sites\/59\/2023\/02\/4a13cf88-03af-4da1-abee-b1b62a1f9269.jpg\" alt=\"Text style in a single product section and on a product page\"><\/div><p class=\"no-margin\"><b>NOTES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Changes made in the global text style settings affect all text elements across your website<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">For example, if you change the style of Heading 1 (seeking to customize the style of product titles), remember that all other text elements written in H1 will also be affected <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">The button style can be changed in the <b><a href=\"\/support\/6538352-website-builder-product-sections#h_9bd100955d\" target=\"_blank\" class=\"intercom-content-link\">product section settings<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">After making the changes, make sure to <b><a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_41237c0dee\">Shopping Bag<\/h2><p class=\"no-margin\">Learn how to enable the <b><a href=\"\/support\/6539042-website-builder-shopping-bag-settings\" target=\"_blank\" class=\"intercom-content-link\">shopping bag<\/a><\/b> &#128161; <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">At the moment, the shopping bag doesn&rsquo;t support changing the font style (size, color, decoration, etc.) but you can change the <b>font family<\/b>. All text in the shopping bag is written in<b> paragraph style<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Open the global text style settings and click <b>Edit text styles<\/b>:<\/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\/09\/76c3c3d3-22dd-43fb-83c7-3e33346648ad.jpg\" width=\"280\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Select <b>Paragraphs and navigation<\/b>:<\/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\/09\/28335316-0b4b-4d92-956f-aac989d07f3c.jpg\" width=\"300\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Change the <b>font family<\/b>:<\/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\/09\/d2cd6d3e-dea8-43b9-84df-40541bf9e96c.jpg\" width=\"320\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>NOTES<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Changes made in the global text style settings affect all text elements across your website<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">For example, if you change the paragraph font (seeking to customize the text style in the shopping bag), remember that the navigation links and all other text elements written in paragraph style will also be affected<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">After making the changes, make sure to <b><a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a><\/b> <\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learn about changing text font in your store pages 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-769","post","type-post","status-publish","format-standard","hentry","category-online-store"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6539079-hostinger-website-builder-how-to-customize-text-style-in-the-online-store\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6539079-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-texto-en-la-tienda-online\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6539079-hostinger-createur-de-site-web-comment-personnaliser-le-style-de-texte-dans-la-boutique-en-ligne\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6539079-hostinger-svetainiu-kurimo-irankis-kaip-keisti-teksto-stiliu-el-parduotuveje\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6539079-hostinger-criador-de-sites-como-personalizar-o-estilo-de-texto-na-loja-online\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/769","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=769"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/769\/revisions"}],"predecessor-version":[{"id":3249,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/769\/revisions\/3249"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}