Styling

Technically, Hall is initialized as an embedded iframe that automatically resizes based on the content to ensure seamless integration.

How you style the embedded community depends on which integration you are using.

React library

See React component props for details on how to pass through custom classes, styles and overriding the theme.

Embed script

The embed script will insert the embed into the containing element that you specify. By styling the containing element, the iframe will resize accordingly. You can override the light or dark theme by passing a theme property in the settings object of the snippet.

Feedback and ideas

Contact us if you need more flexibility for styling the component.