Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

What does a theme comprise?

A theme in the IPS Community Suite allows for almost limitless visual customization of the software. They are primarily used to match the branding of your community to your main website, but communities will also commonly offer a selection of themes for users to choose from.

A theme is made up of the following:

  • Templates
    Templates render the HTML for the views. They are a mixture of normal HTML, HTML logic, PHP variables and some special plugin tags.
  • CSS
    Standard CSS files that style the page
  • Resources
    Normally images, although other resource types can also be used
  • Theme Settings
    Special pre-defined settings you can create for your theme, allowing users of the theme (i.e. site owners) to customize it easily

 

The IPS Community Suite allows themes to customize all of these items, and provides tools for doing so.

Note: Generally speaking, customizing themes using these advanced options assumes knowledge of HTML, CSS and occasionally Javascript. Making changes without fully understanding the impact could cause issues for your community. Consider using our other theme tools instead.

 

Editing themes

There's two primary ways of editing a theme, and we'll cover both in-depth.

  • Template editor
    The AdminCP provides interfaces for editing each type of theme resource
  • Designer's mode
    A special mode that exports a theme to files on disk, allowing for editing by traditional IDEs.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.