KnowledgeBase

Using your own CSS to control style templates in Checkbox Survey

You can use your own CSS to override the styles Checkbox uses. In the header of the style template, you can add a tag like the one below, and have edit the style definitions as necessary. Only change the definitions of the styles. Do not change the names.






<style type="text/css">
<!-- body{font-family:Arial;font-size:12px;background-color:;margin-top:;margin-left:; font-weight:Normal;color:;background-image:url("");}
.title{font-family:Arial;font-size:12px;color:;font-weight:Bold;}
.Error{font-family:Arial;font-size:12px;font-weight:Normal;color:#d8000b;}
.PageNumber{font-family:Arial;font-size:10px;font-weight:Normal;color:;}
.Question{font-family:Arial;font-size:12px;font-weight:Bold;color:;}
.footer A, .footer{color:;}
.Description{font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Answer{font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix{border-width:;border-color:;border-style:none;width:100%;}
.Matrix .header{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .Item{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .AlternatingItem{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .subheader{color:;background-color:;font-family:Arial;font-size:12px;font-weight:Normal;}
.Matrix .header td{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .Item td{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .AlternatingItem td{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .subheader td{color:;background-color:;font-family:Arial;font-size:12px;font-weight:Normal;}
.ProgressBar table{background-color:#7a7a7a;height:10px;}
.ProgressBar{border-color:#e0e0e0;height:10px;width:100px;}
.ProgressBarHolder{text-align:Left;}
.button{font-family:Arial;font-size:12px;font-weight:Normal;color:;border-width:px;border-style:solid;background-color:;border-color:;}
.Page{height:px;}
-->
</style>

« Back To KnowledgeBase List