Wizards

This sub-area joins several forms together continuously under the same title. The following elements of the sub-area can be customized:

Plesk Wizard

  1. Wizard title
  2. Current screen title
  3. Current screen description

UI Element

Selector

CSS code sample

  • Wizard title

.wizardTitle

Icon can be customized using ID (#bid-new-client) in buttons.css.

.wizardTitle {

font-size: 18px;

font-family: Arial, Verdana;

color: #203597;

background-repeat: no-repeat;

background-color: #e3eaf9;

background-position: 10px 4px;

border-bottom: 1px solid #6e89dd;

padding: 10px 50px;

}

in buttons.css:

#bid-new-client {

background-image: url('../../images/btn_new-client_bg.gif');

}

  • Current screen title

.screenTitle

.screenTitle td {

font-size: 14px;

font-family: Tahoma, Verdana;

font-width: bold;

color: #000000;

padding-top: 12px;

}

  • Current screen description

.screenSubTitle

.screenSubTitle {

padding-left: 10px;

padding-bottom: 10px;

background-color: #ffffff

}