Theme Builder

Presenter includes pre-designed themes to let you modify the visual aesthetics of your presentation.

If the choice provided by the built-in themes isn’t enough for your needs, you can create a personalized theme. For this, you have two options:

• You’re comfortable with coding: you can craft one from the ground up, as we explain in this article.
• Coding isn’t your forte: use our Theme Builder.

The Theme Builder is accessible online at this address: themes.ia.net

Basic Elements

The Theme Builder comprises a central panel that provides a real-time preview of the adjustments you make and a right-side panel with the Inspector. From the Inspector panel, you can directly:

• Change the font
• Customize colors
• Upload images and use them as backgrounds or placeholders

To begin, choose the layout you want to personalize. Customizing various layouts is necessary for creating a functional theme. After selecting a layout, use the Inspector to adjust fonts, colors, images, and more.

💡 The Theme Builder provides you with a selection of Google Fonts. Once you upload your theme to Presenter, only those Google Fonts you included (plus system fonts) will be available in the font switcher in-app. If you wish to add more Google Fonts, please re-upload your presentation to the Theme Builder as outlined below and make the desired changes there.

Add CSS

If you have some basic HTML-CSS knowledge, you can enhance the theme’s style further by incorporating CSS:

• Choose first the layout you want to personalize at the top left
• Go to the Inspector, on the Styles tab
• Click on + Add Style

You will see a list of “Presets” based on the current layout. Each Preset has a set of default conditions and some CSS code to get started. As an option, you can define under “Conditions” for which the styles should be applied.

When clicking Create Style, you will be brought to the Style file, where you can insert your CSS. You will find a template to guide you with:

• Code sections highlighted in red
• Active code in blue
• Comments in green surrounded by /* */

Note that deleting the surrounding /* and */ marks on each line will ‘uncomment” the code and you will see it take effect in the Preview.

Upload in Presenter

Once your custom theme is finished, simply click the Download button in the top-right of the Preview panel. This will download the theme as a .zip file.

Open iA Presenter then:

• Go to Settings → Theme
• Click on the + button on the bottom left
• Select Install Theme…

This will open Finder. Select the .zip file of your theme (most likely in “Download”) and Presenter will import all the elements.

Once you see your theme in the Settings, you can start using it. You can select it from the Design tab of the Inspector.

Modify the Template

You can modify your custom theme by uploading it back to the Theme Builder.

• Go to Settings → Theme
• Right-click on your custom theme
• Select Show in Finder

This will open the folder in the Finder where iA Presenter custom themes are saved. Click on the theme.style file of your theme and drag and drop it on the landing page of the Theme Builder, on the right panel. The Theme Builder will open your theme and you can keep on improving it.

💡 Note that each theme in Presenter should have a unique name, so we advise you to change the name of the new version of your custom theme, or delete the old version from Presenter before uploading the new one.

Visuals