Skip to main content

Styling

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.

surfly-iframe

set on Surfly session iframe element.