You can choose between design options for the overall project and the design of each page. You can adopt the project settings on each individual page or choose to customize the look and feel of specific pages by unticking the "Same as project" box. 

Once you've chosen the level on which you want to apply the settings, you have general styling options for your content elements, the background, as well as the option of uploading and positioning background images for desktop and mobile. 

Content Alignment

Here you can choose the position of your content and change the page transition speed.

Fonts

Choose two fonts, one for your headings and question texts and another one for all other text. Font size for headings and questions texts can also be changed. For custom fonts see the article: Add custom fonts

Colors & Style

This is where you change the colors and design of your content elements and overall project.

  • Transparent Design - With this option you define how your colors are applied on your content elements. Either with a solid colored styling or a more transparent style.

  • Colors (Text, Elements and Highlights) - Using three colors you can create a unique look for all content elements.

  • Content Card - You can change the color of your content card (content card is covers the area where the content elements appear) or lower its transparency. Zero transparency will make the content card invisible.

  • Background - Change the project/page background color covering the whole width of the project pages.

  • Rounded Corners - With this option you can make the element's corners rounder or sharper.

Desktop Background Image

  • Image Upload - Upload any image of your choice. A minimum of 1250×800 pixels is recommended, and data size is limited to 3 MB, for assuring a seamless user experience for your projects. Either click on the dropzone or drag & drop images to upload them.

  • Brightness - Use a black or white overlay on your background to make content stick out more. Slide left from the center to go more black and right from the center to go more white.

  • Image Alignment - Choose the positioning of your background image by clicking on the arrows.

  • Image Scaling - You can choose between Original Size, Cover Screen, Fit Height, Fit Width.

    • Fixed Image on Scroll - By ticking this option, you can make the background image sticky.

  • Mobile Background Image - You can choose to have different images on Mobile and Desktop by unticking the "Mobile Same As Desktop" box.

Did this answer your question?