Style Guide

This page shows the CSS classes that can be used to add custom styles to the Janrain Social Widget.

Clicking either of the buttons above will turn on CSS selector mode. In this mode, hovering over an element with the mouse cursor will cause the CSS selector for that element to be displayed in the text area below.

Simple mode will only display the CSS class of the element the mouse is over.

Full mode
will display the entire CSS selector path from the root element of the widget.

Once the mouse cursor is hovering over an element, the Q key will freeze the page, so that the currently displayed CSS selector can be copied from the text area.