In this article you will find a summary of the content collector's configurable design elements. If an element is not noted in this article, then it is not configurable. If you have a feature request you'd like to submit to our Product Team, please do so here.
General Information: Fonts
The Rivet platform allows for the specification of one or more system fonts in our configuration settings in order to customize the look of some pieces of text within our submission and display applications.
System fonts (also called "web-safe fonts") are fonts that come pre-installed with a computer's operating system. Some operating systems don't offer the same system fonts as others--a font that comes installed on a Windows computer may not come installed on a Mac computer.
A list of system fonts (called a "font stack") specified within our configuration settings will ensure that similar-looking fonts will appear in most cases for users.
You can create a font stack at a third-party site called CSS Font Stack (http://www.cssfontstack.com/) that you can copy and paste into your Rivet Works configuration settings.
Content Collector Design Elements
Use the below numerated screen shot as a reference point.
1. Background image; jpg works best. No bigger than 1200x1200.
2. Logo image
3. Markdown supported text
4. Buttons like "Get Started" are platform elements and are not configurable.
Use the below numerated screen shot of a task within the content collector as a reference point. A task is a step within the content collector. Free text, photo/video, or single-select answer choice question are all examples of tasks.
1. Task prompt language. Does not support markdown. You may configure the language. The styling is pulled from the theme (see separate screen shot below).
2. Caption label text. Does not support markdown. You may configure the language. The styling is pulled from the theme.
3. Caption help text. (same as above)
4. Task help text. Supports markdown.
Theme Settings: Where system fonts, brand color, and text color are set. Brand color is used as an accent. For example, the #ed6e41 orange in the below example is used as the progress bar accent color in the previous example.
To access and edit your theme settings:
1. Expand the navigation.
2. Click into Theme management
3. Choose the theme you wish to edit. Click in the upper-right hand corner of the thumbnail to expand, and then select Edit.
4. Apply changes.
5. Click save.