How to style a form's appearance in CornerSpot

Every form you publish in Cornerspot can be styled to match the page it lives on — the colors, the spacing, the button, even an optional welcome note above the form. Best of all, styling is per channel: the same form can look one way on your CornerSpot domain page and another in your Members portal, and a live preview shows your changes the moment you make them.

Where styling lives

A form's appearance is set inside its publishing channels, not in the builder. Open a form, then open Publish & Share at the top and pick the channel you want to style — your CornerSpot domain, your Members portal, or an embed. Each channel keeps its own look, so you only ever change the surface you're working on.

A form's detail page in Cornerspot with the Publish and Share tab
A form's detail page, with the Publish & Share tab at the top.
Choosing the CornerSpot domain channel in the Cornerspot Publish and Share menu
Choosing the CornerSpot domain channel from Publish & Share.

1. Turn on the channel

Switch the channel on so its styling options become active. (While a channel is off, its style cards are dimmed.) Once it's on, all of its appearance settings open up below.

Enabling a publishing channel to unlock its styling options in Cornerspot
Enabling the channel unlocks its styling options.

2. Add and style a form note

Open Form Note and Styles to add an optional message that appears above your form — a welcome line, instructions, or a short pitch. Click into the editor and type your note, then use the note style controls just below to give it a background, a border, padding, and more. Each control has a color swatch and a hex field, so you can match your brand exactly.

The Form Note and Styles card expanded in Cornerspot
The Form Note and Styles card, expanded.
Typing a welcome note in the form note editor in Cornerspot
Typing a short welcome note in the editor.
Setting the note background and border color in Cornerspot with the live preview
Styling the note background and border, reflected in the live preview.

3. Style the form itself

Below the note, the style sections let you restyle the form by area — Page Styles, the Form Container, Fields, Labels, and the Submit Button. Here we set a page background color and a button color to act as the primary accent. Set a color and the live preview on the right updates instantly — no save required to see it.

The form style sections expanded in Cornerspot
The style sections, expanded to set colors.
The page background and button color applied, shown in the Cornerspot live preview
The page background and button color applied, shown live.

4. Check the live preview

The Live Preview is the styled result — exactly what visitors will see on this channel. Use it to fine-tune colors, spacing, and the button until the form looks right where it'll live.

The Live Preview showing the fully styled form in Cornerspot
The Live Preview showing the fully styled form.

Reset or copy styles

If you want to start over, use the Set Styles dropdown at the top and choose Reset to defaults — that clears the styling for the channel you're working on and returns it to Cornerspot's defaults. The same menu lets you Copy from another channel, so you can style one surface and reuse that look elsewhere instead of redoing it by hand.

The Set Styles dropdown with Reset to defaults and Copy from options in Cornerspot
The Set Styles dropdown with Reset to defaults and Copy from options.
A form channel returned to its default styling in Cornerspot
After resetting, the channel returns to the default styling.

When your styling sticks

Styling is previewed live as you work, but it's saved per channel — click Save at the top when you're happy with the look so it's applied to the published surface. Because each channel stores its own styles, you can give the same form a distinct appearance on your public page, in your Members portal, and in any embed.

Tips for great-looking forms

  • Match the page background and button color to the site or brand the form will appear on.
  • Use a short form note to set expectations — what the form is for and what happens after submitting.
  • Lean on the live preview after every change instead of guessing, and check the look on the actual channel you're publishing to.
  • Style one channel, then use Set Styles → Copy from to carry that look to the others.

Was this article helpful?