Going further with advanced design customization of surveys

The themes are optimized to provide the best possible response experience, but you can adjust certain advanced settings

Before proceeding, we recommend that you first review the articles dedicated to graphic customization, which will help you understand how to adapt the look and feel of your campaigns.

How can I change the design of all my surveys?
How can I customize the design of a specific deployment?

If the available options are not sufficient for your needs, you also have access to an advanced graphic customization tool.
We have optimized the different themes to offer the best possible experience to your respondents. Advanced graphic customization allows you to go even further. However, we recommend involving a member of your technical team when using this feature.

Where can you find the advanced customization tool?

When editing your theme, you will find the Advanced CSS Customization panel on the right-hand side.
To open it, click on the icon .

Once the panel appears, you can directly enter your CSS code in the dedicated input field.

Usage precautions

  • To limit the scope of CSS rules and avoid display issues, make sure to start the CSS selector with: "& "
  • To ensure that your rule overrides existing rules, you can add the following keyword at the end of the declarations (learn more here):

    • The advanced CSS clause must start with:
    {

    and must end with:

    }
    • Make sure to strictly follow CSS syntax, as the advanced customization tool does not provide any validation for the elements you enter.

    Example resources to understand CSS: https://www.w3schools.com/css/ 

Advanced customization example

You want to modify the progress bar by increasing its height and changing the bar colors.

Let’s assume you have the following graphic baseline:

Go to the Advanced CSS Customization panel.

For example, insert the following type of customization code:

av6aenv9.png

Then click on .

The progress bar has been updated.

Skeepers Support is not authorized to modify advanced CSS customization code. Feel free to contact your Customer Success Manager or Skeepers sales representative to request a service that will enable full customization of your surveys.

If you have any questions, feel free to contact our Customer Care team.

Was this article helpful?
1 out of 3 found this helpful