List of CSS fields available for widget customization

Below is a list of the most frequently changed elements:

Donation Form

Panels:
.panel-info -class used for each row which contains a panel heading and panel body
.panel-heading - class for the panel headings
.panel-body - class for the panel body

Buttons:
.btn - class for all buttons
.btn-warning - class for the suggestion buttons
.btn-info - class for confirmation button
.donateButtons - class for custom donation prompts
.donateButtons.Active - class for an active donation button

Fields:
.form-control - class for all text fields
.input-group - class for grouped fields
.input-group-addon - class for the attached ‘NZD’ or ‘USD’ to amount fields.

ID to Element:
#divDonationButtons - div ID for suggestion amount buttons
#MainContent_donationAmountPanel - ID for donation amount heading
#divDonationFrequencyButtonsContainer - div ID for donation frequency buttons
#MainContent_divDonationFrequency - div ID for donation frequency dropdown
#MainContent_personalInfoPanel - ID for personal information heading
#addressInfo - div ID for address
#divCard - div ID for payment card info panel
#MainContent_paymentMethodLabel - ID for payment method heading
#TermandCondition - div ID for the terms and conditions section
#MainContent_trComplete - div ID for the confirmation button
#captcha - ID for positionaing the captcha
#btnNextDiv - First Next button
#btnBackDiv - First Back button
#btnNextDiv2 - Second Next button
#btnBackDiv2 - Second Back button

Registration Form

Panel:
.panel-default - class for the surrounding panel

Fields:
.form-control - class for all text fields
.input-group - class for grouped fields

Buttons:
.btn-success - class for submit button

ID to element:
#btnComplete - ID for button
#ShowAddress - ID for address div container
 
Membership Form

Button:
.btn-info - class for the submit button

Fields:
.form-control - class for all text fields
.input-group - class for grouped fields
.input-group-addon - class for the attached ‘NZD’ or ‘USD’ to amount fields.

ID to element:
#ShowPhone - div ID for the phone number
#ShowEmail - div ID for the email
#addressInfo - div ID for the address info section
#FinancialDetails - div ID for the gift a membership tick box
#GiftSub - div ID for the gift a membership section
#divCard - div ID for the payment section
#MainContent_trComplete - div ID for the submit button
#TermandCondition - div ID for the terms and conditions section