Caido

Customizing the User Interface ​

Caido offers a high degree of customization, so you can customize the user-interface to suit your preferences and needs.

Resizing Panes ​

To customize the layout of an interface, hover your cursor between two panes until it is replaced with with ⭠||➝ or its vertical equivalent. Then, left-click, hold, and drag the divider to resize a pane according to your preferences.

Resizing panes.

Adjusting the Font Size ​

Caido allows you to adjust the font size of text within the user-interface and editors separately by providing two horizontal sliders. To access the font size settings, click on the 👤 button in the top-right corner of the Caido user-interface, select Settings, and open the Appearance tab.

Font size settings.

Custom JavaScript and CSS ​

For advanced customization, Caido offers two coding environments in the Settings interface. To apply your own CSS rules to the user-interface, open the Custom CSS tab. To apply custom JavaScript to the user-interface, open the Custom JavaScript tab.

Custom JavaScript.
Custom CSS.