eForm – Changing the background and font colours

Although possible, changing the eForm background and default font colours is not available within the Spider interface. The elements are within the PCSchool.CSS file located in the Spider’s …\ App_Themes\PCSchool folder. Changes made here will affect all eForms. It is advised to back up this file before editing, however do not just rename it in the current file as it will cause a duplicate errors. We suggest copying it to the desktop or another folder outside of the scope of the Spider. Below are the sections that relate to the eForm.

.eformLabel {

color:steelblue;

font-weight:bold;

font-family: Verdana;

font-size: 15px;

float: none; /* do not change this. IE – compatibility*/

border-width: 0px;

margin: 1px;

outline-style: none;

vertical-align: middle;

}

 

.borderBottom {

border-bottom-style:solid;

border-bottom-width:1px;

}

 

.eformText {

font-family: Verdana;

color:dimgray;

font-size: 14px;

float: none; /* do not change this. IE – compatibility*/

outline-style:none;

border-left-style:none;

border-right-style:none;

border-top-style:none;

border-left-width:1px;

border-right-width:1px;

}

 

.eformText:focus {

outline: none;

border-color:#6293f4;

box-shadow: 0 0 6px #6293f4;

background-color:lightyellow;

}

 

.eformText:hover {

outline: none;

border-color:#6293f4;

}

 

.eformBackground{

background-color:#f1f3ec;

border-color:darkgray;

border-collapse: separate;

}