Go back to page
Project Basics
  • Getting Started!
    • CX Metrics
      • CX Dashboard
        • Customer Touchpoints
          • Analyze your drivers
          • Good to know
            • Getting Started!
              • Assessment Question types
                • Score and more
                  • Quiz participation
                    • Get Results
                    • Introduction to Poll
                      • Build your Poll
                        • Launch your Poll
                          • Analyze your Poll
                            • Build Project
                              • Project Style
                                • Launch Project
                                  • Analyze Project
                                    • Account Settings
                                      • Good to Know

                                        Customize Project Style in Visual Settings

                                        While content is very important, options in the Visual Settings section provide many ways to make your project look great, too. SoGoSurvey allows you full control over colors, fonts, background, and display width.

                                        Choose from a variety of beautiful themes or customize to match your brand, including:

                                        To apply a style to your project:

                                        1. Create or open a project.
                                        2. From the Design menu bar, click on Visual Settings.
                                        3. On the right side of your screen, you will see an example project that will update to reflect any choices you make. Icons on the far right allow you to preview the look from desktop, tablet, and mobile views.

                                        4. From the menu on the left, click on Themes, then make a selection from the available templates.

                                        5. Return to the menu and click on Colors to choose your color scheme. To customize colors, click on the edit icon to the right of the color bar.

                                        6. Click to edit any of these options. You can customize the following:

                                          • Background: Add an image or choose a color. Adjust the brightness to improve the visibility of your questions. Under Images, select from system-provided images or upload your own, display by tiles or full size, show a gradient, and control brightness.
                                          • Primary and Secondary Color: Enter the hexadecimal code or choose from the whole spectrum of colors.
                                        7. You may also expand your options by selecting Customize Colors at the bottom of the panel. You’ll be able to change specifics in the following:

                                          • Border
                                          • Page
                                          • Questions
                                          • Answers
                                          • Controls
                                        8. Return to the menu and click on Text to customize fonts. You may customize the overall font, size, and features, or click Customize Text to expand your options.

                                        9. Finally, from the main menu, you may click on More to customize display settings for web and mobile separately. By default, themes are linked, but you may disable this setting by toggling off ‘Auto Theme All Devices’.

                                        10. You can also set the Display Mode for your participants.
                                          • Classic: This default option displays all questions and allows “normal” manual navigation
                                          • Focus: This option directs the participant’s view to one question at a time, fading out the rest, and automatically progressing to the next question to encourage faster, focused completion.
                                            1. Click on the gear icon to customize additional options.
                                            2. Review and set spacing between questions.

                                              • Comfortable displays questions with slightly more space between.
                                              • Compact displays questions with less space between.
                                            3. Choose whether to advance questions automatically or manually. No matter your choice, participants will still be able to navigate normally, by mouse, scroll bar, etc.
                                              • Automatic shifts focus immediately to the next question when a single-select question is answered. After answering open-ended or more complex question types, participants click an arrow to shift to the next question.
                                              • When automatic advancement is disabled, participants click the arrow below to shift to the next question.
                                        11. You can also set the Display Width for your survey.
                                          • Full Screen: Display project at 100% of screen width
                                          • Medium: Display project at 80% of screen width
                                          • Narrow: Display project at 60% of screen width
                                        12. Once all changes have been made, click Apply at the bottom of the screen to save your choices. To see updates on your own project, click the Preview icon in the top right corner.
                                        13. To reset any or all of your choices, click the Reset icon at the bottom of the screen. You’ll see the following options:
                                          • Reset All: This will reset the style to the system default settings.
                                          • Reset Text: This will reset text settings to the style default.
                                          • Reset Color: This will reset color settings to the style default.
                                        14. Save your style to reuse later by clicking ‘Save this custom style’ and entering a name. You can access the saved style under Themes.
                                        15. Build your custom style by tweaking SoGoSurvey’s template styles and saving for future use.

                                        ×