Feedspace Home Dashboard

How Do I Change the Card Background Color on My Cross Slider Widget in Feedspace?

Last updated on June 12, 2026

Overview

The Cross Slider widget displays your reviews one at a time, using cross-directional slide transitions to bring each card fully into focus before moving to the next. Because every review occupies the entire display area during its turn, the card background color has a strong visual impact: it fills the whole widget frame and sets the tone for the text, star ratings, and reviewer details layered on top of it.

The Card Background Color option in the Widget Color Customization section lets you choose a solid fill color for every review card in the Cross Slider. Selecting a color that contrasts well with your text keeps each full-focus card easy to read, while matching your brand palette makes the widget feel native to your site rather than a third-party embed. On some widgets a Card on Hover Color picker also appears alongside this setting, letting you define a separate fill color for when a visitor hovers over a card.

How to Change the Card Background Color for Your Cross Slider Widget

Step 1: Open the Widgets Section

Log in to your Feedspace account and navigate to the Widgets section from the main sidebar. You will see a list of all the widgets you have created.

Step 2: Edit Your Cross Slider Widget

Locate the Cross Slider widget you want to update and click the Edit button next to it. This opens the widget editor where you can adjust its content and appearance settings.

Step 3: Go to the Design Tab

Inside the widget editor, click the Design tab at the top of the panel. This tab contains all visual customization options for the Cross Slider, 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 pickers for the Cross Slider widget in one place, making it easy to coordinate your color choices.

Step 5: Set the Card Background Color

Click the Card Background Color picker. A color palette and hex input field will appear. Choose a color by clicking a swatch, entering a hex code directly, or using the color spectrum slider. Your selection is applied to the fill of every review card in the Cross Slider. If a Card on Hover Color picker is also visible, you can set a separate color that appears when a visitor hovers over the card, adding an interactive highlight to each full-focus transition.

Step 6: Save and Publish Your Changes

Once you are satisfied with your color choice, click Save to apply the update. The new card background color will take effect immediately on any page where the Cross Slider widget is embedded.

What You Can Do Next

  • Adjust the text color on your Cross Slider widget to ensure strong contrast against your new card background color.
  • Set a Card on Hover Color to add a subtle interactive effect when visitors mouse over each review card during the cross-directional transitions.
  • Explore other design options in the Widget Color Customization section, such as the star rating color and reviewer name color, to create a fully cohesive look.
  • Copy your Cross Slider embed code and place it on a new page or landing section to showcase your updated card design to more visitors.

You might also find helpful

How Do I Change the Text Color on My Cross Slider Widget in Feedspace?

Overview The Cross Slider widget presents each review one at a time with cross-directional slide transitions, placing every card in full focus so visitors can read it without distraction. Because the card takes up the entire viewing area during each transition, the text colors you choose carry more visual weight...

How to Create a Cross Slider Widget in Feedspace

Overview Feedspace’s Cross Slider widget displays your reviews in a dynamic cross-scrolling layout: with rows of cards moving in opposite directions simultaneously. This creates a visually striking testimonial section that immediately draws the eye. Step 1: Log in to Feedspace Go to your Feedspace Dashboard and log in using your...

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...