Marquee is a scrolling effect where content (text, images, or logos) automatically moves across the screen from one side to the other. It’s commonly used for news tickers, logo showcases, or promotional messages.

GutenKit’s new Marquee module is now available directly inside the Bloco de contêiner, letting you scroll any content smoothly without writing code. You can customize speed, direction, and hover-pause with just a few clicks.

Let’s learn how to set up the Marquee module inside GutenKit’s Container block.

Marquee Module by GutenKit #

Access your WordPress dashboard to get started. Then follow the simple steps below to apply a marquee scrolling effect anywhere on your website.

Step 1: Enable Marquee Module #

Go to GutenKit modules and turn ON Marquee.

Step 2: Marquee Effect in Gutenberg #

Open any Gutenberg page or post, then drag and drop the GutenKit Container block. Choose a container layout to apply the Marquee effect.

• Find Marquee in the Advanced tab
• Click Enable Marquee

Step 3: Functions of Marquee #

Direção: Choose which way the marquee scrolls, Row-horizontal, Column-vertical, Row Reverse, or Column Reverse.

Altura: Set the marquee’s height using the slider or by entering a value in px.

• Pausa ao passar o mouse: Stops the marquee when the mouse hovers over it.
• Pause On Click: Pauses the marquee when clicked.
• Soft Edge Mask: Adds a fade effect on the edges of the marquee.
  • Left Mask Size: Controls the fade width on the left edge.
  • Right Mask Size: Controls the fade width on the right edge.
• Velocidade: Controls how fast the marquee scrolls.

No entanto, você pode take any widget inside the container and apply the marquee effect to it.

See the example: We’ve taken an image widget, uploaded an image, enabled the marquee effect, set the direction to Column Reverse, kept Pause on Hover enabled, and used the Soft Edge Mask.

GutenKit is the easiest alternative to CSS for applying the marquee effect. Try today.