Example 1

The following example CSS changes the background color of the Payment Pages form, the font and the color of the title, and the required field marks on the form:

h2
{
   font-family:fantasy;
   color:#002e63
}
.form {
   padding: 20px 16px;
   margin: 0 auto;
   background-color:#eed5b7;
}
.form-element.required {
   border-left: 2px  solid #ff033e;
   vertical-align: middle;
   height:28px;
   padding:2px;
}  
.required-desc {
   width: 24%;
   float: right;
   margin-top: 11px;
   border-left: 4px solid #ff033e;
   vertical-align: middle;
   min-width:120px;
}

Example 2

The following example CSS moves the required field legend from its default location to the top right-hand corner of the Payment Page and displays the legend in upper case:

.required-desc
{ text-transform:Uppercase !important; 
  position:absolute !important; 
  top:5% !important; left: 70% !important; }

The above CSS change renders the following Payment Page form: