How to Use Custom CSS in Feedspace Widgets

Overview

Feedspace allows you to fully customize your Widgets using the Custom CSS feature.
This option helps you match your review widget with your website’s design by adjusting colors, typography, and spacing — ensuring a seamless, branded look.

Step 1 – Open Widget Settings

1. Log in to your Feedspace account.
2. Go to the Share → Widgets section.
3. Select the widget you want to customize.
4. Click the Customize tab at the top.

Step 2 – Access the Custom CSS Option

1. On the right-hand side, scroll down to the Color Settings section.
2. Below color options like Primary Text Color and Star Rating Color, you’ll find the Add custom CSS toggle.
3. Turn ON the toggle to enable custom CSS editing.
4. A text box will appear where you can enter your CSS code (max 500 characters).

Step 3 – Add Your Custom CSS

Enter or paste your CSS code into the box to style your widget elements.

Example:

.feedspace-review-content {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
}

This snippet changes the font to Montserrat, increases the text size, and makes the review text bolder for better readability.

Step 4 – Preview the Design

• The preview on the left side updates automatically as you make CSS changes.
• You can switch between Desktop and Phone views to ensure your widget looks perfect on all devices.

Step 5 – Save and Apply

Once you’re satisfied with the new design, click Save & Next in the top-right corner to apply your custom styles.

Tips

• Use CSS to modify fonts, text colors, star icons, spacing, and more.
• Keep the CSS minimal to maintain widget responsiveness.
• If something doesn’t look right, simply clear your CSS box to revert to default styling.