Change the Theme, Color and Font Settings
Introduction
Some of the appearance settings that significantly affect the overall look of your Product Finder are:
1. Change the Theme
Go to the "Design" tab of the editor and select the "Appearance" tab.
Once you've chosen another theme in the appearance editor, the preview page will be updated (so that you can see how it looks). Here are several examples:
2. Change Colors
Your palette is defined with two colors:
To change the color, click it in the "Colors" section of the "Appearance" tab.
|  |
| Default Colors |  |
| Other Colors |  |
3. Change Fonts
To make the Product Finder even more appealing to your customers, you can also change the font size and type used to display it.
3.1 Change the Font
1. Click the selector by the "Font type" section. 2. Select the font from the list |  |
Default font (OpenSans) |  |
Another font (e.g. Lora) |  |
3.2 Add a Custom Font
We also support the use of custom fonts in the Product Finders. To add a custom font:
1. Have the .ttf file of your font 2. Go to your Library | |
3. Upload the .ttf file to the Library |  |
In the example below, melanie_roselyn.ttf has been added
The new font will appear at the top of the font list and can be used as described above. |  |
7.3 Change the Font Size
You can also change the font size. The "Basic size" is applied to the answers and headers of the recommendation page. The rest of the text on the page will be increased/decreased correspondingly.
1. Define a new "Basic size" value in the "Fonts" section of the "Appearance" tab. Select a value from 1 to 32/ |  |
Default basic font size (16) |  |
Another basic font size (e.g. 8) |  |
