How to Use Custom CSS Option in Wall of Love

Overview

Feedspace gives you the flexibility to customize the look and feel of your Wall of Love using Custom CSS.

This feature allows you to personalize font styles, colors, spacing, and other design elements to match your brand identity.

With Custom CSS you can restyle fonts, text and button colors, card backgrounds, borders, spacing, and hover effects on your Wall of Love. The Custom CSS toggle is on the Design tab and accepts up to 1500 characters. It is available on the plans that include Custom CSS, the same as the Custom CSS option for Feedspace widgets.

Step 1: Go to Design

1. Log in to your Feedspace account.
2. Open the Pages section.
3. Click the pencil (edit) icon on your Wall of Love page to open the editor. It opens on the Select Reviews tab.
4. Click the Design tab. You’ll find customization options like button colors, borders, and text styles on the right-hand side.

Step 2: Enable Custom CSS

1. Scroll down the right panel until you see the Custom CSS toggle.
2. Toggle the switch ON to enable the feature.
3. A text area will appear where you can write or paste your custom CSS code.

Step 3: Add your custom CSS

Use this section to enter CSS that adjusts the style of your Wall of Love.

Example:

.feedspace-embed {
  font-family: 'Poppins', sans-serif;
  color: #2d2d2d;
}

.feedspace-embed .fs-content {
  font-size: 16px;
  line-height: 1.7;
}

This code changes the font to Poppins, sets a consistent text color, and improves readability.

Step 4: Preview the changes

• After entering your CSS, the preview on the left side will update automatically.
• Check both Desktop and Phone views to ensure the design looks good across devices.

Step 5: Save your customizations

Once you’re satisfied with the result, click Save and Next in the top-right corner to apply the design changes to your Wall of Love.

Tips

• You can use CSS to style buttons, card layouts, borders, text, or add hover effects.
• Keep your CSS minimal to maintain fast load times.
• If you make a mistake, simply clear the CSS area to revert to default styles.

Common questions

What can I change with Custom CSS on my Wall of Love?

You can change fonts, text and button colors, card backgrounds, borders, spacing, and hover effects. The CSS applies to your Wall of Love display and does not change your reviews or their content.

Is there a character limit for the Custom CSS field?

Yes. The Custom CSS field accepts up to 1500 characters, the same limit as the Custom CSS option for Feedspace widgets. Keep your styles focused so you stay within it.