Stream Overlay CSS

Structure

The Overlays generated by this module have specific CSS classes and IDs attached to them.

They are structured and nested and can be overridden using OBS's CSS Feature.

The topmost element also has the class "obs-utils" in case multiple overlay plugins are rendering something on /stream.

• .overlay

• • .actor #actor[actor id]

• • • .[overlay-type] #overlay[overlay id]

• • • • .component .[component-type] #component[component id]

Overriding in the Editor

There also is the option to edit the styles directly within the editor

These will create inline style data on the HTML tags for either the overlay or the component.