{"id":4922,"date":"2022-05-31T12:28:11","date_gmt":"2022-05-31T10:28:11","guid":{"rendered":"https:\/\/www.leslinq.com\/ufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/"},"modified":"2022-08-29T14:51:32","modified_gmt":"2022-08-29T12:51:32","slug":"how-can-i-make-text-scroll-automatically-when-opening-a-page","status":"publish","type":"ufaq","link":"https:\/\/www.leslinq.com\/en\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/","title":{"rendered":"How can I make text scroll automatically when opening a page?"},"content":{"rendered":"<div  class=\"ewd-ufaq-faq-list ewd-ufaq-page-type-distinct ewd-ufaq-category-tabs-\" id='ewd-ufaq-faq-list'>\n\n\t<input type='hidden' name='show_on_load' value='' id='ewd-ufaq-show-on-load' \/>\n<input type='hidden' name='include_category' value='' id='ewd-ufaq-include-category' \/>\n<input type='hidden' name='exclude_category' value='' id='ewd-ufaq-exclude-category' \/>\n<input type='hidden' name='orderby' value='date' id='ewd-ufaq-orderby' \/>\n<input type='hidden' name='order' value='desc' id='ewd-ufaq-order' \/>\n<input type='hidden' name='post_count' value='-1' id='ewd-ufaq-post-count' \/>\n<input type='hidden' name='current_url' value='\/en\/wp-json\/wp\/v2\/ufaq\/4922' id='ewd-ufaq-current-url' \/>\n\t\n\t\n\t<div class='ewd-ufaq-faqs'>\n\n\t\t<div  class=\"ewd-ufaq-faq-div ewd-ufaq-faq-column-count-one ewd-ufaq-faq-responsive-columns- ewd-ufaq-faq-display-style-default ewd-ufaq-can-be-toggled\" id='ewd-ufaq-post-4922-WQfZPFP9kE' data-post_id='4922'>\n\n\t\t\n\t<div class='ewd-ufaq-faq-title ewd-ufaq-faq-toggle'>\n\t\n\t<a class='ewd-ufaq-post-margin'  href='#' role=\"button\">\n\n\t\t<div class='ewd-ufaq-post-margin-symbol ewd-ufaq-'>\n\t\t\t<span >A<\/span>\n\t\t<\/div>\n\n\t\t<div class='ewd-ufaq-faq-title-text'>\n\n\t\t\t<h4>\n\t\t\t\tHow can I make text scroll automatically when opening a page?\t\t\t<\/h4>\n\n\t\t<\/div>\n\n\t\t<div class='ewd-ufaq-clear'><\/div>\n\n\t<\/a>\n\t\n<\/div>\n\t\n\t<div class='ewd-ufaq-faq-body' >\n\n\t\t\n\t\t\t\n\t\t\n\t\t\t<div class='ewd-ufaq-post-margin ewd-ufaq-faq-post'>\n\t\n<p>Having text scroll automatically when you open a page often gives a nice effect. This is also possible in LesLinq. <a href=\"https:\/\/app.leslinq.com\/\/Projects\/View?id=FlFLxRTPxgF-X1vLHrpdwA==\" target=\"_blank\" rel=\"noreferrer noopener\">See an example here.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Scrolling text in LesLinq<\/h2>\n\n\n\n<p>We made this example as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Open a new project<\/li><li>Add a fullwidth image to your canvas<\/li><li>Add a text block. If you want all text to scroll out of the screen, place the text block at the top of the screen, just outside the canvas. In the properties panel, you will see a negative Y value at \u2018Position and Size\u2019. <\/li><li>Go to the properties of the textblock (select the text box and click in the bottom left corner at the properties icon). Use the following setting for Initial Animation (you can play with these values to get your desired result):<ul><li>Animation: Slide in from bottom<\/li><li>Duration: 30 seconds<\/li><li>Delay: 1 second<\/li><li>Easing: none<\/li><\/ul><\/li><\/ul>\n\n\n\n<p><a href=\"https:\/\/app.leslinq.com\/\/Projects\/View?id=FlFLxRTPxgF-X1vLHrpdwA==\" target=\"_blank\" rel=\"noreferrer noopener\">See here the live result!<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/app.leslinq.com\/\/Projects\/View?id=FlFLxRTPxgF-X1vLHrpdwA==\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg\" alt=\"scrolling text LesLinq\" class=\"wp-image-5107\" srcset=\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg 600w, https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 600px, 100vw\" \/><\/a><\/figure>\n<\/div>\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t<div class='ewd-ufaq-permalink'>\n\t\n\t<a href='https:\/\/www.leslinq.com\/en\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/'>\n\t\t\n\t\tPermalink\t\t\t\n\t<\/a>\n\n<\/div>\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t<\/div>\n\n<\/div>\n\t<\/div>\n\n\t\n<\/div>","protected":false},"excerpt":{"rendered":"<p>A How can I make text scroll automatically when opening a page? Having text scroll automatically when you open a page often gives a nice effect. This is also possible in LesLinq. See an example here. Scrolling text in LesLinq We made this example as follows: Open a new project Add a fullwidth image to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","ufaq-category":[28],"ufaq-tag":[],"class_list":["post-4922","ufaq","type-ufaq","status-publish","hentry","ufaq-category-2how-to"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How can I make text scroll automatically when opening a page? | LesLinq<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How can I make text scroll automatically when opening a page? | LesLinq\" \/>\n<meta property=\"og:description\" content=\"A How can I make text scroll automatically when opening a page? Having text scroll automatically when you open a page often gives a nice effect. This is also possible in LesLinq. See an example here. Scrolling text in LesLinq We made this example as follows: Open a new project Add a fullwidth image to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/\" \/>\n<meta property=\"og:site_name\" content=\"LesLinq\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/leslinq\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-29T12:51:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@LinqLes\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/\",\"url\":\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/\",\"name\":\"How can I make text scroll automatically when opening a page? | LesLinq\",\"isPartOf\":{\"@id\":\"https:\/\/www.leslinq.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg\",\"datePublished\":\"2022-05-31T10:28:11+00:00\",\"dateModified\":\"2022-08-29T12:51:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#primaryimage\",\"url\":\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg\",\"contentUrl\":\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.leslinq.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FAQs\",\"item\":\"https:\/\/www.leslinq.com\/enufaq\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How can I make text scroll automatically when opening a page?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.leslinq.com\/#website\",\"url\":\"https:\/\/www.leslinq.com\/\",\"name\":\"LesLinq\",\"description\":\"Sparkling content for high impact\",\"publisher\":{\"@id\":\"https:\/\/www.leslinq.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.leslinq.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.leslinq.com\/#organization\",\"name\":\"LesLinq\",\"url\":\"https:\/\/www.leslinq.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.leslinq.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2023\/05\/LesLinq-696px.png\",\"contentUrl\":\"https:\/\/www.leslinq.com\/wp-content\/uploads\/2023\/05\/LesLinq-696px.png\",\"width\":696,\"height\":696,\"caption\":\"LesLinq\"},\"image\":{\"@id\":\"https:\/\/www.leslinq.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/leslinq\",\"https:\/\/x.com\/LinqLes\",\"https:\/\/www.linkedin.com\/company\/leslinq\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How can I make text scroll automatically when opening a page? | LesLinq","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/","og_locale":"en_US","og_type":"article","og_title":"How can I make text scroll automatically when opening a page? | LesLinq","og_description":"A How can I make text scroll automatically when opening a page? Having text scroll automatically when you open a page often gives a nice effect. This is also possible in LesLinq. See an example here. Scrolling text in LesLinq We made this example as follows: Open a new project Add a fullwidth image to [&hellip;]","og_url":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/","og_site_name":"LesLinq","article_publisher":"https:\/\/www.facebook.com\/leslinq","article_modified_time":"2022-08-29T12:51:32+00:00","og_image":[{"url":"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@LinqLes","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/","url":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/","name":"How can I make text scroll automatically when opening a page? | LesLinq","isPartOf":{"@id":"https:\/\/www.leslinq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#primaryimage"},"image":{"@id":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#primaryimage"},"thumbnailUrl":"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg","datePublished":"2022-05-31T10:28:11+00:00","dateModified":"2022-08-29T12:51:32+00:00","breadcrumb":{"@id":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#primaryimage","url":"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg","contentUrl":"https:\/\/www.leslinq.com\/wp-content\/uploads\/2022\/08\/scrolling-text.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.leslinq.com\/enufaq\/how-can-i-make-text-scroll-automatically-when-opening-a-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.leslinq.com\/"},{"@type":"ListItem","position":2,"name":"FAQs","item":"https:\/\/www.leslinq.com\/enufaq\/"},{"@type":"ListItem","position":3,"name":"How can I make text scroll automatically when opening a page?"}]},{"@type":"WebSite","@id":"https:\/\/www.leslinq.com\/#website","url":"https:\/\/www.leslinq.com\/","name":"LesLinq","description":"Sparkling content for high impact","publisher":{"@id":"https:\/\/www.leslinq.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.leslinq.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.leslinq.com\/#organization","name":"LesLinq","url":"https:\/\/www.leslinq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.leslinq.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.leslinq.com\/wp-content\/uploads\/2023\/05\/LesLinq-696px.png","contentUrl":"https:\/\/www.leslinq.com\/wp-content\/uploads\/2023\/05\/LesLinq-696px.png","width":696,"height":696,"caption":"LesLinq"},"image":{"@id":"https:\/\/www.leslinq.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/leslinq","https:\/\/x.com\/LinqLes","https:\/\/www.linkedin.com\/company\/leslinq\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/ufaq\/4922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/ufaq"}],"about":[{"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/types\/ufaq"}],"author":[{"embeddable":true,"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/comments?post=4922"}],"wp:attachment":[{"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/media?parent=4922"}],"wp:term":[{"taxonomy":"ufaq-category","embeddable":true,"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/ufaq-category?post=4922"},{"taxonomy":"ufaq-tag","embeddable":true,"href":"https:\/\/www.leslinq.com\/en\/wp-json\/wp\/v2\/ufaq-tag?post=4922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}