In the next major version of Adaxes, we are going to improve the look and feel of Adaxes Web Interface. As a part of this, we are going to improve how the Web Interface looks on various devices and screen sizes.
For now, the only option for you is editing Web Interface CSS styles directly. You can add your custom CSS styles to the CustomCss.css file. The CSS rules defined in the file override the rules defined elsewhere in the Web Interface. Thus, you can do as follows:
- Using some web debugging tool, such as the F12 development tools avaialble in most browsers, you can identify, which styles are applied to the Web Interface elements you want to customize.
- You can override the default look of the elements by re-defining the styles you need in the CustomCss.css file, adding your changes to the very end of the file. The file is located in the Css subfolder of the folder where the Web Interface is installed. The default path to the file is:
C:\Program Files\Softerra\Adaxes 3\Web Interface\<WebInterface_type>\Css\CustomCss.css.
Remember that the changes you make to the CustomCss.css file are not backed up by Web Interface backup/restore. You'll need to redo the changes each time you reinstall Adaxes.