/* position the label */ #pardot-form .pd-checkbox input, #pardot-form .pd-checkbox label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; } #pardot-form .pd-checkbox label { position: relative; } /* style the unchecked checkbox */ #pardot-form .pd-checkbox input+label:before { content: ''; background: #fff; border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 0px; margin-right: 10px; text-align: center; font-size: 15px; line-height: 24px; } /* style the checked checkbox */ #pardot-form .pd-checkbox input:checked+label:before { content: "\2713"; background: #2CA4BF; color: #fff; border-color: #2CA4BF }