How Do I Add a Border to Review Cards on My Floating Cards Widget in Feedspace?

Overview

The Floating Cards widget displays your testimonials as individual review cards that animate gently across the screen, drifting and floating to catch your visitor’s attention. Because each card appears in isolation against your page background, the edges of each card define how polished and intentional the widget looks.

The Show Review Card Border toggle in the Widget Color Customization section lets you draw a visible border around every floating card. Once enabled, you can control three properties: Border Thickness (from 1px up to 12px), Border Radius (from None to XX-Large for fully rounded corners), and Border Color (via a color picker). Together these controls let you frame each drifting card so it stands out clearly from your page background, reinforces your brand colors, and gives the widget a finished, designed appearance rather than a plain floating block.

How to Add a Border to Review Cards on Your Floating Cards Widget

Step 1: Open the Widgets Section

Log in to your Feedspace account. In the left-hand navigation, click Widgets to open your list of existing widgets.

Step 2: Edit Your Floating Cards Widget

Locate the Floating Cards widget you want to update and click the Edit button (pencil icon) next to it. The widget editor opens.

Step 3: Go to the Design Tab

Inside the widget editor, click the Design tab at the top of the settings panel. This tab contains all visual customization options for your Floating Cards widget.

Step 4: Find the Widget Color Customization Section

Scroll down within the Design tab until you reach the Widget Color Customization section. This section contains color and style controls specific to the card’s appearance.

Step 5: Enable the Show Review Card Border Toggle

Find the Show Review Card Border toggle and switch it on. Three additional controls appear immediately below it:

• Border Thickness: Drag the slider or enter a value between 1px and 12px to set how thick the border line is around each floating card.
• Border Radius: Choose a preset from None (sharp corners) through Small, Medium, Large, X-Large, to XX-Large (fully rounded pill-style corners) to control how the corners of each card look.
• Border Color: Click the color swatch to open the color picker and choose any color that fits your brand or page design.

Step 6: Save and Publish Your Changes

Once you are happy with your border settings, click Save (or Publish) to apply the changes. Your Floating Cards widget will immediately display the border on every review card as it floats across the screen.

What You Can Do Next

• Add a shadow to your floating review cards for extra depth by following the guide on how to add a shadow to review cards on the Floating Cards widget.
• Adjust the card background color, text color, and other color settings in the Widget Color Customization section to create a cohesive look that matches the border color you just set.
• Preview how the bordered cards look on your live page by copying the embed code from the widget editor and placing it on a test page before publishing site-wide.
• Explore other design options for your Floating Cards widget, such as animation speed and card size, by reviewing the full guide on how to customize the design of your widget in Feedspace.