Marquee Item Block
A single item inside a Marquee Block. Holds any blocks as content — logos, text, icons, or cards. JavaScript duplicates these items to create the infinite scrolling effect.
COMMON ITEM TYPES
Acme Inc
Feature
Logo image
Company name
Icon + text
Rating stars
Accepts any blocks
Unlike some child blocks, the Marquee Item is unrestricted — add Image Blocks for logos, Heading/Paragraph for text, Flex Blocks for icon+text combos, or any other blocks. Each item gets shrink-0 so it doesn’t collapse in the scrolling flex track.
Padding
Inner spacing around the item content. Responsive across breakpoints. Use padding to create card-like items with breathing room.
Padding
Sidebar Panel
Top
px
Bottom
px
Left
px
Right
px
WITH VS WITHOUT PADDING
No padding
With padding (16/24)
Responsive: Mobile Tablet Desktop
Hover Shadow
Add a box-shadow that appears on hover. Great for logo strips or card-style marquee items that feel interactive.
Hover Shadow
Sidebar Panel
Hover Shadow
HOVERING
Shadow effect is defined in the block’s stylesheet via the .has-hover-shadow class.
All Available Controls
Padding All 4 sides, 3 breakpoints
paddingTop/Bottom/Left/Right (+Md/Lg). All in px, combined into one ResponsivePaddingCSS call/style tag. Applied to the item wrapper. No margin controls — spacing between items is the parent marquee-block's gap.
Hover Shadow Box-shadow on hover
hoverShadow: boolean. Adds has-hover-shadow class to the wrapper. The actual shadow effect is defined in the block’s compiled stylesheet (style.scss), not generated inline.
