Customizing the Theme

Overview

This guide will show you how to modify the enduser theme to suite your needs. The entire enduser theme in Virtualizor is a Single Page Interface i.e. there is only 1 HTML file and 1 CSS file.

Procedure

Make a new folder with the theme name you desire at the following path:

/usr/local/virtualizor/enduser/themes/
e.g. /usr/local/virtualizor/enduser/themes/mytheme

Copy the following files and folders from the default themes directory to the Custom theme directory :

  • index.html
  • theme_settings.php
  • css2 (dir)
  • js2 (dir)
  • images (dir)
  • fonts (dir)
  • admin (dir)
  • js (dir)
  • css (dir)
  • novnc (dir)

The admin folder is optional and if you don’t copy the admin folder the default theme folder will be used for the admin UI.

  • Modify the files in the new folder according to your preference.
  • Change the theme from Virtualizor Admin Panel -> Configuration -> Master Settings
  • That’s it, you’re done.
Was this helpful to you?