All Collections
Forms
How to change the success message font style or color in your opt-in form
How to change the success message font style or color in your opt-in form

A step-by-step guide on customizing the font and font color of your form's success message

Petra Molnar avatar
Written by Petra Molnar
Updated over a week ago

When you need the success message to display in a different font or font color than the copy on your form, a couple of simple steps will help make this happen!


Note: The success message always displays as the default text used on the form. It is the form's copy text itself that needs to be changed when you want them to be different.


How to change the success message font or font color in your opt-in form

Step 1: Select a form template and click on customize.

In this example, we will customize a popup card, but following these steps, you can edit your inline form or full-page form the same way.

Step 2: Set the form copy text to the font style and font color you want the success message to be.

For example, after editing this form, let's say you want the success message to display in red, but for the form copy, you want it to be black.

To achieve that, click into the form copy text once. It will show a blue highlight around the form copy text box.

Next, change the font color to red.

Step 3: Click on the Message tab and pick a pre-written success message or write your own success message.

Remember: The success message always displays as the default text used on the form. As we changed it to red in the previous step, our success message also displays in the same red font color.

So far so good.

Step 4: Next, as you want the form copy text to be a different color, you need to highlight the paragraph text, and select the color you want it to display on your site.

In this case, you select black.

If you click on the Message tab again, you can see that it kept the success message in red. Just as you wanted. πŸ™ŒπŸ»

What to do if the text on your form has already been removed?

As the success message will take on the font settings of the regular text in your form if the text on your form has already been removed, here's what you'll need to do:

  1. Create a new form and keep the paragraph text.

  2. Change the color and settings of the paragraph text as described in the previous section.

  3. View the success message to verify that the text color and settings changed to match your design.

  4. If you don't want the paragraph text on the form, highlight that text and delete it from the form. Otherwise, highlight it and pick a different font color.

Note: if you delete the paragraph text from your form, you can't add it back.

Let's sum it up!

The success message always displays as the default text used on the form. If you want to change the success message font style or font color in your opt-in form, do the following:

  • First, change the font style and font color of the main paragraph text to the one you want the success message to show.

  • Next, highlight the paragraph text and edit the font and font color to the one you want it to display on your site.

More to learn:


We'd love to hear about your recent experience when searching for solutions to issues in the Flodesk Help Center (Knowledge Base). With your feedback, we can improve our knowledge base with new and better ways to help you succeed!

Please do not submit support tickets and feature requests via this feedback form.

If you need technical assistance, please submit a support ticket via email at support[at]flodesk.com mentioning your Flodesk account login email with a detailed description of your problem.



Do you have an idea for a feature that will help improve Flodesk for you and other members? Our Product team would love to hear from you.

Did this answer your question?