Advanced Widgets Vertical Marquee Estimated reading: 3 minutes 16 views Turn your website content into a moving show in seconds! Add your text, images, or saved designs, and set the scroll direction and speed. You can even let it pause when visitors hover, making it easy to read. Watch your marquee come alive and grab attention instantly! Requirement Elementor (Page Builder) Animations Addons (Our Plugin) Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start. How To Activate Vertical Marquee Go to your WordPress Dashboard. Click on Animation Addons. Head to the Widgets Tab. Under Advanced, toggle on Vertical Marquee. Step 1: Begin Adding Content First, click the ‘+’ icon, type Vertical Marquee in the search bar, and select it. After clicking, you’ll see Content and Settings. Use these to add visual animation to text, images, or any Elementor content. To start, click Content. You can also click +Add Item to add as many items as you like. In this example, only five content items are added, but you can add as many as you want. Step 2: Design Your Marquee Content Choose between adding new text or images or reusing saved templates. This way, you can quickly set up and customize the content inside your marquee. Content Type You have the option to create new content or reuse an existing design. Content: Lets you directly add and display custom text, images, or Elementor content inside the marquee. Save Templates: It lets you use any saved Elementor template, so the marquee can show your designs again without making them from scratch. For example, Content is chosen here, but you can select any option you like. Content Add Media: Add any image you like to display in your content. Paragraph: Write any text you want to display on your content. Overall, you can customize all of your content in the same way. Step 3: Adjust Motion and Interection Control how your marquee moves and responds. Pick the scroll direction, set the speed with duration, and let users pause the motion on hover for easier reading. Settings Direction: It offers two options to control the content direction: Forward and Backward. Forward scrolls the content up or down in the normal order, while Backward scrolls it in the opposite direction. For example, Forward is selected here, but you can choose either option based on your preference. Duration: You can set the duration to any value you like. For example, it’s set to 15 here. Pause On Hover: It stops the scrolling content when a visitor moves their mouse over the marquee, letting them read or focus on it easily. For example, Pause on Hover is enabled here. However, you can keep it disabled if you want. Final Result You Did It Congratulations! Your Vertical Marquee is now live and ready to impress. You’ve added content, customized the design, and set the motion just the way you want. Now your text or images will scroll smoothly, grab attention, and make your website lively and interactive. Your visitors will love it! In addition, if you have any questions or need a hand, feel free to reach out to our support team—we’re always here to help.
