Content Marquee

The Content Marquee widget is a fantastic way to add visual interest to your website with scrolling images or Elementor templates that can contain any widget.

Content Tab

General Section

Items:

• Add new items by clicking the "+ Add Item" button.
• Edit an existing item by clicking on it, or remove it by clicking the "X".
• Content Type: Choose 'Image' to upload a photo or 'Template' to use an existing Elementor template.
• If 'Image' is selected:
  • Image: Upload or choose your desired image.
  • Image Resolution: Choose a suitable resolution.
  • Link: Add a URL to the image if it should be clickable.
  • Item CSS ID: Assign a CSS ID for more advanced styling.
• If 'Template' is selected:
  • Label: Enter a label for reference.
  • Choose a template: Pick from saved Elementor templates.
  • Template Width: Define the template's width on the marquee.
  • Link: Include a link if necessary.
  • Item CSS ID: Assign a CSS ID for more advanced styling.
• Orientation: Choose 'Horizontal' or 'Vertical' for the marquee scrolling.
• Direction: Decide if the content should scroll 'Left' (for horizontal) or 'Bottom' (for vertical).
• Space Between: Set the gap between marquee items.
• Animation Speed: Control how quickly the marquee scrolls.
• Pause on Hover: Set to 'Yes' to pause scrolling when someone hovers over the marquee.

Style Tab

Item Style

• Image Width and Content Height: Set the dimensions for your marquee items.
• Opacity: Change the transparency of marquee items.
• CSS Filters: Apply effects like blur or brightness to items.
• Border Type: Choose a border style.
• Border Radius: Round the item corners to your preference.
• Box Shadow: Add shadow for depth and visual interest.

Gradient Overlays:

• Top/bottom or left/right Gradient Overlay:
  • Gradient Color: Pick your gradient color.
  • Gradient Size: Adjust how large the gradient appears.