Skip to main content

Theme

The Theme section of the Administration page provides a user-friendly interface for managing the visual identity of your site. Super Users may write new custom CSS that overwrites Informer's original styles, or upload a new logo and icon.

To set Theme options, go to the Administration page and click the Theme icon in the navigation panel.

The Theme section under Administration with a Custom CSS tab and a Partner Re-branding tab
The Administration section for Theme.

Writing custom CSS

To add custom CSS to Informer, enter your own CSS styles on the Custom CSS tab. These styles overwrite the default styles.

The Custom CSS tab with example CSS rules
Example custom styles.

To see the styles applied, click the Save button in the bottom-right corner.

The Welcome page after applying the custom CSS styles
The Welcome page after applying the custom styles.

To upload a new logo, navigate to the Partner Re-Branding tab. Click the Choose Files button under Masthead Logo or drag and drop an image into the designated area. When the image finishes uploading, it is immediately displayed in the Theme section and in the masthead in place of "Informer."

The Partner Re-Branding tab after uploading a new masthead logo
The view after uploading a new logo.

After a new logo is uploaded, a Delete Custom Logo option appears. Clicking it removes your logo and restores the default Informer logo.

Customizing the icon

Customizing the icon is similar to customizing the logo. To upload a new icon, click the Choose Files button under Favicon or drag and drop an image into the designated area. When the image finishes uploading, it is immediately displayed in the Theme section, but the browser needs to be refreshed before the icon is shown in place of Informer's default favicon.

After refreshing the page, the favicon shows up in your browser tab, history, bookmarks, and other places.

A browser tab strip showing the custom favicon after it was uploaded
The browser tab after uploading a new icon.

After a new icon is uploaded, a Delete Custom Icon option appears. Clicking it removes your icon and restores the default Informer icon.