< All Topics

Image Card Ticker

The Image Card Ticker block is a free Guterberg block and is perfect for showcasing brand logos, event snapshots, or any image-based content in a continuous scrolling format. This block helps you add smooth, eye-catching image carousels that can scroll horizontally, vertically, or even in a 3D circular motion making your section visually dynamic and engaging.

Adding the block

To add the block:

  • Click the “+” button to add a new block.
  • Search for “Image Card Ticker” and select it.
  • For detailed instructions on how to add blocks in Gutenberg, please refer to the official WordPress Block Editor documentation.’

Content options

Add Images
Upload or select images from your Media Library to create your ticker. You can add multiple images to display in a loop.

General settings

Layout
Choose how you want your ticker to appear:

  • Marquee: A simple continuous scrolling layout.
  • 3D Circular: Creates a rotating circular image effect.
  • Curve: Displays images in a curved arrangement.

Marquee Direction
Select the scrolling direction for the images:

  • Left
  • Right
  • Top
  • Bottom

Images Gap (px)
Set the spacing between images in pixels to control how close or far apart they appear.

Ticker Speed
Adjust the speed of the image movement. Higher values make the ticker scroll faster.

Design settings

Container


Customize the container design of the ticker section:

  • Padding: Adjust inner spacing around the content.
  • Margin: Adjust outer spacing to create separation from nearby elements.
  • Border: Add and style borders around the container.
  • Border Radius: Control the roundness of the container corners.

Images


Style the images inside the ticker.

  • Image Width (px): Set the image width manually.
  • Image Height (px): Set the image height to maintain a consistent layout.