Question T11777
Visible to All Users

How to change the color, font and background color of the survey ? While creating survey there is no option

created 3 years ago

There is no option on survey editor screen please let me know

Answers approved by surveyjs Support

created 3 years ago (modified 2 years ago)

[UPDATED]

You can customize appearance of survey elements by customizing a survey theme. SurveyJS offers multiple predefined themes. For more details, visit Add SurveyJS Themes to Your Application.

To give your surveys a tailored look and customize colors and other appearance settings as needed, create a custom theme. Use the embedded Theme Tab to edit theme settings with ease.

Original Message

Hello,
Survey Creator doesn't currently have an option to customize appearance of survey elements.
To customize survey element appearance, you can modify theme CSS and specify custom font size, color variables and CSS. For more information, please refer to our demos: Theme Customization.
Once you customize theme CSS, integrate a form library to your application and apply custom CSS to your web page. For more information, refer to the 'Get Started' section for your JavaScript platform: Form Library: Get Started.
Should you have any questions or require further assistance, let me know.

    Show previous comments (1)

      Hello,

      Yes, this options is available in all the plans.
      If you share what exact customizations you want to perform, then we could take them in account during the future work on the theme customization feature.

      Thanks, Serge
      SurveyJS Team

        Sure we want to have background image on the survey body and other options like different font style

          Hello,
          Thank you for the clarification. Currently, you can specify the background-image attribute for the sd-root-modern CSS class to create a background image for a survey.

          CSS
          .sd-root-modern { background-image: url("..."); }

          To customize the font, update survey theme CSS as shown in our demos: Custom css.

          Should you have any questions or require further assistance, we are always here to help.