{"id":17876,"date":"2026-09-04T04:14:16","date_gmt":"2026-09-04T04:14:16","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=17876"},"modified":"2026-09-04T04:14:16","modified_gmt":"2026-09-04T04:14:16","slug":"hostinger-ai-builder-how-to-add-a-running-text-element-in-manual-mode","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-ai-builder-how-to-add-a-running-text-element-in-manual-mode\/","title":{"rendered":"Hostinger AI Builder: How to add a running text element in manual mode"},"content":{"rendered":"<p><a href=\"http:\/\/hostinger.com\/ai-builder\" target=\"_blank\" rel=\"noopener\">Hostinger AI Builder<\/a> includes a native running text element that displays a message scrolling infinitely across the page, without requiring custom code or third-party embeds.<\/p><h2 id=\"h-add-a-running-text-element\">Add a running text element<\/h2><p>To open the <strong>Add elements<\/strong> panel and learn about other available element types, see <a href=\"https:\/\/www.hostinger.com\/support\/6435894-hostinger-ai-builder-manual-mode-how-to-add-and-customize-website-elements\/\">Hostinger AI Builder: How to add and customize website elements in manual mode.<\/a><\/p><ol>\n<li>Click <strong>Elements<\/strong> in the left sidebar.<\/li>\n<li>Click <strong>Running text<\/strong> in the <strong>Add elements<\/strong> panel.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17885\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-08.png\" alt=\"\" width=\"440\" height=\"873\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-08.png 440w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-08-151x300.png 151w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/li>\n<li>Drag the running text element onto your page.<\/li>\n<\/ol><h2 id=\"h-edit-the-running-text-element\">Edit the running text element<\/h2><p>Click <strong>Edit running text<\/strong> and enter your message in the <strong>Text<\/strong> field.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-17886\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12.png\" alt=\"\" width=\"827\" height=\"284\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12.png 827w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12-300x103.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12-768x264.png 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/p><p>Additionally, you can also customize these:<\/p><ul>\n<li>Set a text color for the running text element.<\/li>\n<li>Set a background color for the running text element.<\/li>\n<li>Set a text font for the running text element.<\/li>\n<li>Set a text size for the running text element.<\/li>\n<\/ul><p><img decoding=\"async\" class=\"alignnone size-full wp-image-17887\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12_1.png\" alt=\"\" width=\"1020\" height=\"432\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12_1.png 1020w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12_1-300x127.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-04_11-12_1-768x325.png 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/p><p>To apply an entrance or directional animation to your running text element, see <a href=\"https:\/\/www.hostinger.com\/support\/6463358-hostinger-ai-builder-manual-mode-how-to-add-animations\/\">Hostinger AI Builder: How to add animations in manual mode<\/a>.<\/p><p>Your running text element now scrolls your message infinitely across the page, making it suitable for promoting discounts, announcements, or other important information.<\/p><p><strong>NOTES<\/strong><\/p><ul>\n<li>The running text element is a native Hostinger AI Builder feature and doesn&rsquo;t require custom code or third-party embeds.<\/li>\n<li>Running text is also called infinite scrolling text or a scrolling ticker.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Add an infinitely scrolling running text element in Hostinger AI Builder manual mode.<\/p>\n","protected":false},"author":594,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-17876","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/17876","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\/594"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=17876"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/17876\/revisions"}],"predecessor-version":[{"id":17888,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/17876\/revisions\/17888"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=17876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=17876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=17876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}