This guide helps you customize a website created with Infomaniak's Site Creator.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Change the website colors

To manage themes, colors, and fonts in Site Creator:

1. Click on the Design button in the left-hand menu.
2. Click on Website Colors:
   

You can choose from the available color palettes or create your own custom color scheme.

Below, you'll find more specific settings where you can specify which elements a color should be applied to:

Manage the background (image/color) of blocks

On your website's editing page, hover over a block and click the gear icon to access the settings:

Upload a website template

You can modify the overall design of your website by changing its theme, and by deciding what should be overwritten or not on the current site when making the change:

1. Click on the Design button in the left-hand menu.
2. Click on Theme selection:
   

This is where you can choose from the available website themes:

Once you have found your new theme, click on Install, and then you can choose which parts of the new template you want to import (by default, only the colors, fonts, or menu style) to avoid overwriting the content of your website.

If your website is new, you can choose more options during import.

Change the website fonts

To do this:

1. Click on the Design button in the left-hand menu.
2. Click on Fonts:
   

You can easily change the main fonts of the website; the first font is used for headings, and the second font is used for the content.

Below, you will find more specific settings where you can specify which elements a font should be applied to.

It is not possible to import or add a custom font.but you can change the provider (the font list will be the same) for privacy reasons, for example:

1. Click on Settings in the left-hand menu.
2. Click on General Settings
3. Choose the font provider:
   

Troubleshooting Missing/Invisible Text

If you believe your text block has disappeared or is invisible

then select all the content on the website (ctrl + a or cmd + a on Mac); if you see that your content is there, it probably means that the block settings are configured for a dark background:

In this case, go to the block settings and make sure that the "Dark background" option is not checked. This should resolve the issue: