CSS Style Sheets

Root > 3. Customisation
    Follow WiredContact on Twitter

CSS Style Sheets

WCE allows a number of ways to control the solution, including CSS stylesheets including in the CSS folder in the location where you have WCE installed. You can edit this without server access subject to permissions for example you can go to admin | Site Settings | Troubleshooting | then go to the CSS folder and create a larger text box by copying an existing style and pasting it then change the name and the size in the CSS then alter the class=XXXX to match the new style on your HTML

Original description
.ContactBigTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 195px; }
New version
.ContactBiggerTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 300px; }
 

/* stylesheet.css */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background:#99ccff}

a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #0000FF; text-decoration: none}
a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #0000FF; text-decoration: none}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FF0000; text-decoration: none}

input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px;}
select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}
.checkbox {  height: 15px; width: 15px; border: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

.r1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF;}
.r2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #D9D9D9;}

.msg {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0000ff; font-weight:bold; text-decoration: none;}

.lbl {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.lbl_light {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}
.lbl_highlight_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #3333cc}
.lbl_highlight_red {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ff3333}

.rlbl {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: red}
.hdr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000099; font-weight: bold;}
.hdr2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000}
.warning {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:RED; font-weight:bold;}

.toolbar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000}
.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background: #efeeea; color: navy}
.button2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000}

.lpriority {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: black;}
.mpriority {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: blue;}
.hpriority {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: red;}

.ContactDrop {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF; height: 17px; width: 182px; padding-top: 1px; padding-bottom: 1px}
.ContactBoldText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.ContactBigTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 195px; }
.ContactSmallTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 115px; }
.ContactExtTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 40px; }
.ContactStateTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 48px; }
.ContactZipTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; width: 60px; }

.GroupsDrop1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF; width: 362px; padding-top: 1px; padding-bottom: 1px}
.GroupsBoldText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.GroupsDrop2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF; height: 17px; width: 167px; padding-top: 1px; padding-bottom: 1px}
.GroupsBoldText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000}
.GroupsTextField {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; height: 17px; width: 180px;}

.CalendarDay {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color:Navy; background:#ffffff ! important;}
.CalendarDayS {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color:Navy; background:#dfdfdf ! important;}
.CalendarMonth {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000099;  text-align:center; background-color: #CCCCFF;}

.CalendarMonthDay { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000099; font-weight: normal; text-align:center; text-decoration: none; background-color: #FFFFFF ! important;}
.CalendarMonthDay a:link {color:#0000FF; text-align:center; text-decoration: none;}
.CalendarMonthDay a:visited {color:#0000FF; text-align:center; text-decoration: none;}
.CalendarMonthDay a:hover {color:CC0000; text-align:center; text-decoration: none;}

.CalendarMonthDayLink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:red; text-align:center; background-color: #FFFFFF; text-decoration: none;}
.CalendarMonthDayLink a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:red; text-align:center; background-color: #FFFFFF; text-decoration: none;}
.CalendarMonthDayLink a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:red; text-align:center; background-color: #FFFFFF; text-decoration: none;}

.CalendarMonthToday {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #9900FF; text-align:center; background-color: #D9D9D9; text-decoration: none;}
.CalendarMonthToday a:link {color:#9900FF; text-align:center; text-decoration: none;}
.CalendarMonthToday a:visited {color:#9900FF; text-align:center; text-decoration: none;}
.CalendarMonthToday a:hover {color:#FF33FF; text-align:center; text-decoration: none;}

.CalendarWeek {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color:Navy; background:#ffffff; text-decoration: none;}
.CalendarWeekS {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color:Navy; background:#dfdfdf; text-decoration: none;}

.loginbutton {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; background: #efeeea; color: navy}
.login {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000}
.LoginFields {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; background-color: #FFFFFF; height: 17px; width: 134px; border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.LookupTextFieldClass {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF; height: 19px; width: 120px; padding-top: 0px; padding-bottom: 1px}
.LookupDropdownClass {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF; height: 19px; width: 120px; padding-top: 0px; padding-bottom: 1px}

 

Add Feedback