How to Use Custom CSS in Feedspace Review Forms

Overview

Feedspace gives you the flexibility to fully personalize your Review Forms using the Custom CSS feature.
With this option, you can change the font style, colors, button design, and spacing to match your brand’s visual identity and enhance your form’s overall appearance.

Step 1: Open Review Form Settings

1. Log in to your Feedspace account.
2. Go to the Forms section from the left sidebar.
3. On the form card, click the Edit (pencil) icon to open the editor.
4. Click the Settings tab at the top.

Step 2: Locate the Advanced CSS Option

1. Scroll down to find the Advance CSS section on the right panel.
2. Enable the toggle next to Add custom CSS to activate the feature.
3. A text box will appear where you can enter your CSS code (up to 500 characters).

Step 3: Add Your Custom CSS

Enter or paste your CSS code to modify the look of your review form.

Example:

.feedspace-box-title {
  font-size: 26px;
  font-weight: 700;
  color: #1a73e8;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}

This sample CSS customizes the form title: increasing its size, changing the color to blue, adding spacing, and making it bold for better visibility.

Step 4: Preview Your Form

• Once you’ve added your custom CSS, check the live preview on the left side of your screen.
• You can switch between Desktop and Phone views to ensure the form looks consistent across all devices.

Step 5: Save and Next

When satisfied with your design changes, click Save and Next in the top-right corner to publish your customized review form.

Tips

• Use CSS to style headings, text, buttons, or adjust spacing.
• Always test your form on multiple devices to ensure design consistency.
• If something doesn’t look right, simply clear the CSS box to revert to default styling.