--- title: "How to Create Marquee Text Effect in WordPress? (Left to Right Motion)" url: https://nexterwp.com/docs/create-marquee-text-effect-in-wordpress-left-to-right-motion/ date: 2024-12-05 modified: 2026-05-13 author: "Aditya Sharma" description: "Are you looking to add a marquee text effect in WordPress? Marquee text, also known as scrolling or ticker text, adds motion to your webpage, grabbing visitors' attention. This eye-catching..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Marquee-Text-Effect-in-WordPress_-Left-to-Right-Motion-1024x519.jpg word_count: 529 --- # How to Create Marquee Text Effect in WordPress? (Left to Right Motion) ## Key Takeaways - Nexter Blocks includes the Advanced Typography block, which allows users to create a marquee text effect using CSS transitions or the HTML marquee tag. - The marquee effect can be set to scroll, slide, or alternate, with options to control the speed and duration of the animation. - Nexter Blocks recommends using the On Transition option for better SEO performance compared to the HTML marquee tag. Are you looking to add a marquee text effect in WordPress? Marquee text, also known as scrolling or ticker text, adds motion to your webpage, grabbing visitors' attention. This eye-catching effect is great for highlighting important information or announcements. The Advanced Typography block in Nexter Blocks lets you create a WordPress marquee text effect using CSS transitions or the HTML marquee tag, without any custom code. **Best Used For:** - News and media sites displaying live announcement tickers - Event pages cycling through sponsor logos or speaker names - SaaS landing pages showcasing customer logos or live social proof *To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block,[ click here](https://nexterwp.com/docs/add-advanced-typography-in-wordpress/).* ***Requirement - This block is part of Nexter Blocks. Make sure it is installed and activated.*** [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-hotspot-pinpoint-image/) To do this, add the Advanced Typography block to the page and follow the steps. 1. In the **Advanced Typography** tab, select **Normal** or **Multiple** from the **Select Option** section. Select **Normal** for this example. 2. Then add the text in the **Text** field. 3. After that, enable the **Marquee** toggle from the **Marquee** tab. > *Note: In the Multiple option you will find the Marquee option in each text repeater item.* From the **Type** section, choose the marquee implementation. Two options are available: - **Default** - Uses an HTML marquee tag to create the scrolling effect. - **On Transition** - Creates the marquee effect using CSS transitions. > *Note: We recommend using the On Transition option as the marquee tag is not very SEO-friendly.* Select **Default** for this example. From the **Direction** dropdown, choose the scrolling direction for the marquee text. Select **Left** for standard left-to-right motion. You can also set the direction to right, top, or bottom. From the **Behavior** section, set the scrolling behavior. Three options are available: - **Scroll** - Text moves continuously in the selected direction. Use this for news tickers or logo strips that should loop without stopping. - **Slide** - Text slides in from one side and stops. Use this for one-time announcements where the motion should end once the text is visible. - **Alternate** - Text moves forward and then reverses direction repeatedly. Use this for short phrases where you want to draw attention without the text leaving the visible area. In the **Loop** field, set how many times the animation plays. > *Note: You can set the loop to 0 or -1 to set an infinite loop.* From the **Scroll Amount** field, set the speed of the scrolling animation. Use a lower value for long text strings so visitors have time to read the content, and a higher value for short labels or logo strips. From the **Animation Duration** field, set how long the marquee animation takes to complete one cycle. Use this when you need finer control over pacing that is independent of the Scroll Amount setting. In the **Marquee Text Width** field, control the horizontal area available for the scrolling animation across different screen sizes. Use this when the marquee sits inside a container that is narrower than the full viewport, so the scrolling area matches the container rather than the page width. Based on your settings, the marquee text effect appears on the page. ## Frequently Asked Questions **Q: What should I do if the marquee text isn't scrolling as expected?** A: If the marquee text isn't scrolling, check if the Marquee toggle is enabled in the Advanced Typography tab. Ensure you've selected either the Default or On Transition option for the marquee implementation. If you're using the Default option, remember that it relies on an HTML tag, which may not be SEO-friendly. For better results, consider using the On Transition option instead. **Q: What is the best scrolling behavior to choose for a marquee effect?** A: The best scrolling behavior depends on your content's purpose. The 'Scroll' option provides continuous movement, ideal for announcements. 'Slide' brings text in from one side, which can be effective for less urgent information. 'Alternate' reverses direction after reaching the end, creating a dynamic feel but may distract if overused. **Q: What happens if I set my marquee loop to 0 or -1?** A: Setting your marquee loop to 0 or -1 creates an infinite loop of the scrolling animation. This means that your text will continue to scroll indefinitely without stopping, which can be useful for ongoing announcements or promotions that you want to keep visible at all times.