Video: Use CSS With The Webform Editor

Learn how to add CSS to customize the style of your webform.

Code Sample

/* Background Color */

body {
  background: #008000;
}

/* Calendar Picker */

.ui-widget-header {
    border: 1px solid #888888;
    background: #eeeeee;
    color: #333;
    font-weight: bold;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #eee;
    background: #ffffff;
    font-weight: normal;
    color: #616265;
}
img.ui-datepicker-trigger {
    content: url(http://calendar-image.png)!important;
    width:16px;
    height:16px;
        }
.ui-datepicker-trigger {
    margin: 0 0 0 -28px;
    position: absolute;
}

/* Submit Button */

input[type="submit"] {
  font-size: 13px;
  font: normal 16px Helvetica, sans-serif;
  color: #FFFFFF;
  width: 200px;
  padding: 15px 15px 10px 15px;
  background: #000000;
  border: 0;
  margin: 0 auto;
}