{"id":750,"date":"2022-10-11T10:20:15","date_gmt":"2022-10-11T10:20:15","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/10\/11\/6632359-hostinger-website-builder-how-to-add-text-background\/"},"modified":"2026-09-23T09:03:01","modified_gmt":"2026-09-23T09:03:01","slug":"6632359-hostinger-ai-builder-manual-mode-how-to-add-text-background","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6632359-hostinger-ai-builder-manual-mode-how-to-add-text-background\/","title":{"rendered":"Hostinger AI Builder: How to add a text background color in manual mode"},"content":{"rendered":"<p>Add a background color to text elements in <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder\" href=\"https:\/\/www.hostinger.com\/ai-builder\/\">Hostinger AI Builder<\/a> manual mode to make your text more reader-friendly.<\/p><h2 id=\"h-add-a-text-background\">Add a text background<\/h2><p class=\"no-margin\">To apply color background for text elements:<\/p><ol>\n<li>\n<p class=\"no-margin\">Click on a text element, and select <b>Edit text<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click on the <b>ellipsis button &#8942; <\/b>to open more options<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Enable the <b>background color <\/b>option, and select the preferred color:<\/p>\n<\/li>\n<\/ol><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/10\/6a06baae-ca92-4c82-81a6-e771abd82f40.jpg\" alt=\"Hostinger Website Builder text background toggle in the more options menu, with color picker open\" data-media-id=\"3190\"><\/div><div>Your text now has a background color, making it easier to read against your page design.<\/div><div>\n<div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">See <a data-click-id=\"hgr-post-content-link-how-to-change-text-style\" href=\"https:\/\/www.hostinger.com\/support\/6463286-hostinger-ai-builder-manual-mode-how-to-change-text-style\/\">How to change text style<\/a> for other details about customizing text globally or locally.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Add a background color to text elements in Hostinger AI Builder manual mode.<\/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":[293],"tags":[],"class_list":["post-750","post","type-post","status-publish","format-standard","hentry","category-ai-builder"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6632359-hostinger-ai-builder-manual-mode-how-to-add-text-background","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/750","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=750"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/750\/revisions"}],"predecessor-version":[{"id":18773,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/750\/revisions\/18773"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}