Custom Style

We provide an easy way to override the CSS styles in the Spot.IM frames. Simply add this type attribute to the style tag:

type = “spot-im/FRAME_NAME”

For the FRAME_NAME, substitute one of the values in the Frame Name column in the table below.

We show this in the example below:

<style type="spot-im/inpage">
    .recommendations .header .title {
        color: #307fe2;
        font-size: 70px;
    }
</style>

Table of our customizable frames

As shown above, substitute one of the values in the Frame Name column in the table below for the FRAME_NAME option in the type parameter of the style tag.

Frame NameDescription
inpageOur main frame, includes Conversation, Recirculation box, and Login components.
newsfeedFrame for our Newsfeed component.
mini-newsfeedFrame of our Floating Community Recirculator only on mobile.