Overview
The Horizontal Scroll widget displays your review cards in a continuously looping ticker that moves across the page, keeping visitors engaged as fresh testimonials scroll into view. Because each card sits close to its neighbors in this tight, flowing layout, adding a shadow gives every card a sense of depth and separation, making individual reviews easier to read as they pass by.
The Show Review Card Shadow toggle in the Widget Color Customization section lets you switch this effect on or off with one click. Once enabled, three sub-options give you precise control: Shadow Style (Blurred or Solid), Shadow Size (Small, Medium, Large, or X-Large), and Shadow Color (a color picker). Together these controls let you match the shadow to your brand palette and the visual weight of your page, so the scrolling strip of reviews draws attention without clashing with your surrounding design.
How to Add a Shadow to Review Cards on Your Horizontal Scroll Widget
Step 1: Open the Widgets Section
Log in to your Feedspace account. In the left navigation menu, click Widgets to open the list of all widgets you have created.
Step 2: Edit Your Horizontal Scroll Widget
Find your Horizontal Scroll widget in the list. 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 at the top of the settings panel. This tab contains all visual customization options for your widget, including colors, fonts, and card styling.
Step 4: Locate the Widget Color Customization Section
Scroll down within the Design tab until you reach the Widget Color Customization section. This section groups together all color and visual effect controls for the widget’s review cards.
Step 5: Enable the Show Review Card Shadow Toggle
Find the Show Review Card Shadow toggle and switch it on. The toggle turns active and three additional controls appear below it: Shadow Style, Shadow Size, and Shadow Color.
Step 6: Choose a Shadow Style
Under Shadow Style, select one of the two options:
- Blurred: produces a soft, diffused shadow that fades outward from the card edge, giving a modern floating appearance.
- Solid: produces a hard-edged shadow with a uniform, block-like appearance that creates a bold, graphic look.
Step 7: Set the Shadow Size
Under Shadow Size, choose how large the shadow extends around each review card. The available sizes are Small, Medium, Large, and X-Large. Smaller sizes add a subtle lift to each card, while larger sizes create a more dramatic depth effect that can draw stronger attention to the scrolling reviews.
Step 8: Pick a Shadow Color
Click the Shadow Color color picker and choose the color you want for the shadow. You can enter a hex code directly, use the color slider, or pick from the palette. Neutral dark tones work well for a natural shadow effect, while a brand color can give the widget a distinctive, on-brand look.
Step 9: Save and Preview Your Widget
Click Save to apply your changes. Use the preview panel or visit the page where your Horizontal Scroll widget is embedded to see how the shadow looks as the review cards scroll continuously across the screen. Adjust the style, size, or color as needed until the effect matches your design.
What You Can Do Next
- Add a border to your review cards to complement the shadow and further define each card as it scrolls across your page.
- Adjust the scroll speed and direction of your Horizontal Scroll widget so the shadow effect is visible for long enough to catch your visitors’ attention.
- Experiment with different shadow colors to match your site’s color scheme, using your brand’s primary or accent color for a cohesive look.
- Combine the card shadow with other Widget Color Customization settings, such as card background color and text color, for a fully styled Horizontal Scroll widget.
You might also find helpful
How Do I Add a Border to Review Cards on My Horizontal Scroll Widget in Feedspace?
Overview The Horizontal Scroll widget displays your review cards in a continuously looping ticker that moves across the page, one card flowing seamlessly after another. Because each card is visible for only a brief moment as it scrolls past, giving each card a clearly defined border helps visitors immediately recognise...
How to Create a Horizontal Scroll Widget in Feedspace
Overview The Horizontal Scroll widget in Feedspace showcases your reviews in a smooth side-by-side scrolling motion. It is perfect for sections where you want continuous movement and visual engagement, such as website headers, testimonial rows, or landing pages. How to Access Step 1 – Log in to Feedspace Go to...
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...