{"id":886,"date":"2022-08-11T11:55:54","date_gmt":"2022-08-11T11:55:54","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/11\/6463286-hostinger-website-builder-how-to-change-text-style\/"},"modified":"2026-03-16T12:12:07","modified_gmt":"2026-03-16T12:12:07","slug":"6463286-hostinger-website-builder-how-to-change-text-style","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6463286-hostinger-website-builder-how-to-change-text-style\/","title":{"rendered":"Hostinger Website Builder: How to Change Text Style"},"content":{"rendered":"<p class=\"no-margin\">There are two ways to change text style in <b>Hostinger Website Builder<\/b>: <\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_25bd516be0\" target=\"_blank\" class=\"intercom-content-link\">Globally<\/a> <\/b>&ndash;<b> <\/b>affects all texts of a particular style (e.g., all texts written in Heading 1)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_3729239304\" target=\"_blank\" class=\"intercom-content-link\">Locally<\/a> <\/b>&ndash;<b> <\/b>affects a particular text element<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_25bd516be0\">Changing Text Style Globally<\/h2><p class=\"no-margin\">You can customize the text style of all text elements written in that particular style at once (e.g., all texts written in Heading 1).<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">If you make changes on the desktop mode, they will be applied to all text elements of a particular style in the desktop version. If you make changes on the mobile mode, they will be applied to all text elements of a particular style in the mobile version.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Within the editor, expand the <b>Styles<\/b> panel on the left and open the <b>Text <\/b>tab. Choose the preferred pair of fonts from the suggested ones, or customize them by clicking on the <b>Edit text styles<\/b> button:<\/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\/08\/ddc5c098-34ef-42b5-811d-a1d913ac54d6.jpg\" width=\"320\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Choose <b>Headings <\/b>or <b>Paragraphs and navigation <\/b>depending on what you&rsquo;d like to change:<\/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\/08\/de419c46-8653-4b55-889e-0230dad883e5.jpg\" alt=\"The global text style settings in Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">You may set <b>two font families<\/b> in the global text style settings: <\/p>\n<ul>\n<li>\n<p class=\"no-margin\">One for headings<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">One for paragraphs and navigation<\/p>\n<\/li>\n<\/ul>\n<p class=\"no-margin\">You can use more fonts by editing the text style <b><a href=\"#h_3729239304\" target=\"_blank\" class=\"intercom-content-link\">locally<\/a><\/b> &#128161; <\/p>\n<\/div><p class=\"no-margin\">3. Customize the text style (weight, size, line height, underline, capitalization):<\/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\/08\/12ae55ee-89a5-43b8-9ac8-ef67aa696648.jpg\" alt=\"The global text style settings in Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">The changes are applied to all texts of a particular style (e.g., all texts in Heading 1) across the whole website.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_3729239304\">Changing Text Style Locally<\/h2><p class=\"no-margin\">To change the style of a particular text element, click on it, select <b>Edit text<\/b>, and make the preferred changes. To change the style of just some particular words\/phrases within that text, select (highlight) them first:<\/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\/08\/e006ee77-afdb-49fa-acc2-cc3e8068e1a1.jpg\" alt=\"The local text style settings in a text element\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">You may also upload and use<b> <a href=\"\/support\/6435859-website-builder-how-to-upload-a-custom-font\" target=\"_blank\" class=\"intercom-content-link\">custom fonts<\/a> <\/b>locally &#128161; <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>With Hostinger Website Builder, you can set different font sizes for each font type for mobile and desktop modes<\/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-886","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463286-hostinger-website-builder-how-to-change-text-style\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463286-hostinger-creador-de-sitios-web-como-cambiar-el-estilo-del-texto\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463286-hostinger-createur-de-sites-web-comment-changer-le-style-du-texte\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463286-hostinger-website-builder-bagaimana-mengubah-gaya-teks\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463286-hostinger-svetainiu-kurimo-irankis-kaip-keisti-teksto-stiliu\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463286-hostinger-criador-de-sites-como-alterar-a-fonte-e-o-estilo-do-texto\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/886","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=886"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/886\/revisions"}],"predecessor-version":[{"id":3618,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/886\/revisions\/3618"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}