1. Home
  2. Iterop Design
  3. Main administration
  4. Overload Iterop’s CSS to customize the interface

Overload Iterop’s CSS to customize the interface

Iterop allows you to override the CSS of the application to, for example, change the color theme and adapt it to the graphic charter of your company. For this, you need some knowledge of CSS and generic text editors in order to be able to edit code.

To modify the CSS and add your own or your company’s CSS:

  1. Go to the Administration tab.
  2. Select the insert CSS Personnel :
  3. Click on the button Edit Personal CSS to edit your CSS. An editing window opens.
  4. Write or copy-paste from an external editor the CSS code in the text block
  5. Validate by clicking on OK
  6. Activate the CSS overload by checking the box
  7. The change is effective immediately. You can refresh the page by deleting the data from the cache (ctrl + F5).

To efficiently modify the CSS of the application, you can use the keyword !important in the CSS attributes to override the standard CSS. To find out the names of the html classes to be modified, use a development tool integrated into your web browser.

Updated on 13 November 2020

Was this article helpful?

Related Articles