Skip to main content

Adding a Logo Slider

Add animated logo sliders to showcase customer logos and build trust in your presentations.

Written by Jack

Logo sliders are perfect for showcasing customer logos, partners, or certifications in your Storydoc presentations. They create smooth, animated displays that build credibility and trust with your audience.

Adding a Logo Slider

Navigate to the Elements menu on the right side of your screen. Click More, then select Animated Elements.

Elements menu showing animated slider options

You'll see two slider options:

  • Logo slider - Optimized for company logos and brand marks

  • Slider - For general images and photos

Drag and drop the Logo slider onto your slide. The element will appear immediately with placeholder logos that you can customize.

Logo slider element added to slide with elements panel open

Adding Your Logos

When you first add the slider, you'll be prompted to customize the logos. Click Add Images to open your media library and select the logos you want to display.

Image selection dialog showing various company logos

You can add as many logos as needed or delete any placeholder logos you don't want. Once you've made your selections, click Save to apply the changes.

Updated slider with selected company logos

Customizing Your Logo Slider

With your logo slider selected, you'll see a comprehensive toolbar at the top with multiple customization options.

Logo slider with customization toolbar visible

Basic Settings

Edit Images: Add, remove, or change your logos at any time by clicking this option.

Align: Position your slider to the left, center, or right of your slide area.

Alignment options dropdown menu

Background Color: Add a consistent background color behind each logo for visual consistency or brand alignment.

Background color selection panel

Border Color: Customize the border color of logo containers to match your design.

Border: Adjust border thickness or remove borders entirely.

Shape and Display Options

Shape: Choose between Square, Circle, or Rectangle containers. Rectangle typically works best for most logo proportions.

Shape selection options with Rectangle highlighted

Image Display Mode: Select how logos fit within their containers:

  • Fill area - Logos fill the entire container (may crop logos)

  • Fit inside - Logos fit completely within containers with padding

Image display mode options showing Fill area and Fit inside

Padding: When using "Fit inside" mode, adjust the spacing around each logo within its container.

Padding adjustment slider

Radius: Control the corner rounding of logo containers, from sharp corners to fully rounded.

Radius options from None to Large

Layout and Animation

Layout (Spacing): Adjust the spacing between individual logo containers.

Spacing adjustment controls

Animation Settings: Control both the speed and direction of your slider animation:

  • Speed: Choose from Fast, Medium, or Slow animation speeds

  • Direction: Set logos to move left, right, up, or down

Animation settings showing direction and speed options

Final Adjustments

With the slider selected, you can also adjust:

  • Width: Scale the slider from 10% to 100% of the slide width

  • Height: Modify the overall height, which automatically adjusts logo sizes

Screenshot 2026-06-12 150544.png

Your logo slider will now display your selected logos with smooth, continuous animation that enhances your presentation's professional appearance and builds trust with your audience.

Did this answer your question?