Overview
The Avatar Card Carousel widget displays your testimonials as a horizontal sliding carousel where each slide shows a reviewer’s avatar alongside their name, rating, and review text. By default, the widget renders with a light background, which works well on most pages. When your website uses a dark theme or you want to embed the carousel on a dark-colored section, enabling Dark Mode switches the entire widget to a dark background and automatically adjusts the card colors, text, and avatar borders to remain clearly readable against that darker surface.
Enabling Dark Mode from the Widget Color Customization section means you do not need to manually override individual color settings for each card element. Feedspace applies a cohesive dark visual style across every slide in the carousel in one step, keeping your testimonials looking polished and on-brand on dark layouts.
How to Enable Dark Mode for Your Avatar Card Carousel Widget
Step 1: Open the Widgets Section
Log in to your Feedspace account. In the left-hand navigation menu, click Widgets to open the list of all widgets you have created.
Step 2: Edit Your Avatar Card Carousel Widget
Find the Avatar Card Carousel widget you want to update. Click the Edit button (or the widget name) to open the widget editor.
Step 3: Go to the Design Tab
Inside the widget editor, click the Design tab. This tab contains all visual customization options for the carousel, including layout, typography, and color settings.
Step 4: Find the Widget Color Customization Section
Scroll down within the Design tab until you reach the Widget Color Customization section. This section groups all color-related controls for the carousel widget in one place.
Step 5: Enable the Dark Mode Toggle
Locate the Dark Mode toggle within the Widget Color Customization section and switch it on. The preview will update immediately, showing the carousel with a dark background and automatically adjusted card colors and text styles. Once you are satisfied with how the carousel looks, click Save to apply the changes.
What You Can Do Next
- Adjust the card background color to a custom dark shade that better matches your brand by using the card background color option in the same Widget Color Customization section.
- Copy the embed code for your updated Avatar Card Carousel widget and paste it into the dark-themed section or page on your website where you want the carousel to appear.
- Preview the carousel on your live page to confirm the dark-mode styling blends seamlessly with your site’s existing dark background or dark-section design.
- Explore other design options in the Design tab, such as font style, card border radius, and avatar size, to further refine the look of the carousel in dark mode.
You might also find helpful
How Do I Change the Card Background Color on My Avatar Card Carousel Widget in Feedspace?
Overview The Avatar Card Carousel widget displays your testimonials as individual reviewer cards that slide horizontally, with each card showing a reviewer’s avatar, name, and testimonial text side by side. Because the card surface is the most prominent visual element in this layout, its background color strongly influences how readable...
How to Create an Avatar Card Carousel Widget in Feedspace
Overview Feedspace’s Avatar Card Carousel widget combines the sliding motion of a carousel with prominent reviewer profile pictures. Each card highlights the reviewer’s avatar alongside their testimonial, making your social proof feel more personal and trustworthy. Step 1: Log in to Feedspace Go to your Feedspace Dashboard and log in...
How Do I Customize the Design of My Widget in Feedspace?
Overview Feedspace widgets come with a powerful Design tab that lets you tailor every visual aspect of your widget. From card colors and fonts to dark mode and call-to-action buttons, you can fully customize the look to match your website’s brand without writing any code. How to Customize the Widget...