3. Customization

You can customize the design of the cron_viewer the way you like it.

Got to the directory

<your_install_dir>//templates/HTML

copy cron_viewer-custom.css.distto cron_viewer-custom.css and add your custom styles here.

For example to display your logo add the following class to cron_viewer-custom.css:

    .searchbar .logo {
            background-image: url('https://<url_path_to_your_logo>/<filename>.png');
            background-size:     100%;
            background-position: 20px 15px;
    }

Example

For a quick change of the colors: Here is an example what you can use in cron_viewer-custom.css with a dark green notification area (.col1), the list of cronjobs (.col2) in grey and the message preview (.col3 and #crondetail) on a white background with black font and a black footer (.footer):

    .col1 {
           background-color: #476c71;
    }
    .col2 {
           background-color: #dcdcdc;
    }
    .col3 {
           background-color: #fff;
    }
    #crondetail {
           color: #000;
    }
    .footer {
           background-color: #000;
    }

For detailled customization see the classes in the cron_viewer.css and add the ones you like to change in cron_viewer-custom.css and replace them with the values of your choice.