Styling the Widget

[mbaytas]

We are using the Widget component from the Typeform React Embed Library and interested in styling the widget with custom CSS, in order to match our brand.

The documentation does not seem to provide any instructions for this, and our experiments so far have not succeeded.

Instructions on how to inject custom CSS into the Typeform Widget would be appreciated.

[joycevherck]

Hi @mbaytas - have you tried editing the theme of your form instead to use your branding?
https://www.typeform.com/help/a/apply-a-theme-to-your-form-4404774861588/

It's not possible to inject custom CSS into the Widget. All the customisation options are listed in the docs.

[mbaytas]

We have created a custom theme for our form, but some of the customizations we're seeking are not available.

Specifically we'd like to, for example, change the weight of the font from light to medium, and increase the radius of the buttons.

[joycevherck]

The font weight cannot be changed unfortunately. There's only the normal and bold option. In terms of the button radius, that is one of the settings in the form theme called 'rounded corners'.