Skip to main content

Custom CSS

Override the default form styling with custom CSS when you want pixel-perfect control over how the form looks on your theme.

How to add custom CSS

  1. In the form editor, open the Customize card.

  2. Click Edit CSS.

  3. A side-by-side editor opens — write your CSS on the left, click any class on the right to insert it.

  4. Save.

Common overrides

Common selectors you might target:

  • .storeforms-form__submit — the submit button

  • .storeforms-form__input — text inputs

  • .storeforms-form__label — field labels

  • .storeforms-form__field — the wrapper around each field

Tip

Custom CSS is scoped to the form block — it won't leak out and affect other parts of your theme.

Did this answer your question?