CSS & Advanced Styling

Local styling for questions, steps, groups

While the Theme tab controls the overall appearance of your flow, Formsort also supports local styling at the level of individual questions, steps, and groups. These local overrides allow you to tailor the look and feel of specific parts of your flow—without affecting the rest of the variant.

Group style overrides

At the group level, you can override the default theme styling for all content within that group:

1. Select a group in the Studio.

2. Click Style.

3. Click Override the style of this group.

Any changes made here will apply only to that specific group. If you notice styling inconsistencies with what’s defined in your Theme, this is a good place to check first.

💡 Remember: Group overrides take precedence over base Theme styles.

---

Step styling

Individual steps also support style customization. From the Style tab of a selected step, you can:

• Add a background image

• Change the step transition animation

• Modify the appearance of the Next button

These settings are useful for visually differentiating specific parts of a flow. For a full list of options, see the Step styling sub-section.

---

Question styling

Questions have more limited support for local styling, but certain components allow overrides of the default Theme appearance. If the question supports it, you’ll see a toggle labeled Override default style.

As of this writing, the following components support local style overrides:

• Short text and Long text questions

• Button-style select questions, including:

  • Single choice

  • Multiple choice

  • Picture choice

Once enabled, you’ll see options to customize both the component itself and the container it’s rendered in.

Question Containers

Every question is rendered inside a container, and you can control the appearance of that container using the content container style setting in the question’s Style tab.

To define or edit custom containers:

1. Go to Theme → Containers.

2. Use + Add question style to create new container styles or modify existing ones.

---

Advanced styling with CSS

For greater flexibility, you can also use Custom CSS to style components that don’t expose all properties via the UI. This is especially useful for advanced use cases where question-level overrides are not available.

See our Custom CSS section for more info.