Skip to main content


Surfly uses CSS classes to change the appearance of DOM elements it handles. You can easily customize the look-and-feel of those elements by overriding the CSS rules for these classes.

For more complex customizations, consider providing your own DOM element to startLeader() and startFollower() functions.

Surfly Button

The Surfly button element created with the Surfly.button() function will have surfly-button class assigned. We recommend creating a custom button for more complex style changes.

Session iframe

If the session is opened in an iframe, we will also set a CSS class on a corresponding <iframe> element.


set on Surfly session iframe element.