#1. Change this code
#addons-prompt { visibility: hidden; /* Hides the original text */ } #addons-prompt:after { content: "OPTIONAL ADD-ONS \A Select anything you'd like."; white-space: pre-wrap; visibility: visible; display: block; position: absolute; /* Adjust the following properties as needed to align the new text correctly */ left: 0; top: -15px; }
to this code
div#addons-container #addons-prompt { visibility: hidden; /* Hides the original text */ } div#addons-container #addons-prompt:after { content: "OPTIONAL ADD-ONS \A Select anything you'd like."; white-space: pre-wrap; visibility: visible; display: block; position: absolute; /* Adjust the following properties as needed to align the new text correctly */ left: 0; top: -15px; }
#2. Change this code
h2.step-title a { visibility: hidden; } h2.step-title a:before { visibility: visible; content: "Make Your Selection"; }
to this
div#step-pick-appointment h2.step-title a { visibility: hidden; } div#step-pick-appointment h2.step-title a:before { visibility: visible; content: "Make Your Selection"; }
#3. Change this code
a.btn.btn-primary.btn-block.btn-next-step { font-size: 0px; } a.btn.btn-primary.btn-block.btn-next-step:before { content: "Select"; font-size: 14px; }
to this
div#dates-and-times a.btn.btn-primary.btn-block.btn-next-step { font-size: 0px; } div#dates-and-times a.btn.btn-primary.btn-block.btn-next-step:before { content: "Select"; font-size: 14px; }
#4. Change this code
label[for="first-name"], label[for="email"], label[for="phone"] { font-size: 0; } label[for="first-name"]:before { content: "Participant Name (This is used for enrollment and certificates/licenses, if relevant. Check spelling to avoid a $10 admin fee for corrections.)"; font-size: 16px; } span.error { font-size: 16px; } label[for="email"]:before { content: "Participant Email (Will be used for enrollment info and participant certification/license, if relevant)"; font-size: 16px; } label[for="phone"]:before { content: "Participant Mobile/Cell Phone Number (This may be used for important text updates)"; font-size: 16px; }
to this
div#step-forms-pane label[for="first-name"], div#step-forms-pane label[for="email"], div#step-forms-pane label[for="phone"] { font-size: 0; } div#step-forms-pane label[for="first-name"]:before { content: "Participant Name (This is used for enrollment and certificates/licenses, if relevant. Check spelling to avoid a $10 admin fee for corrections.)"; font-size: 16px; } div#step-forms-pane span.error { font-size: 16px; } div#step-forms-pane label[for="email"]:before { content: "Participant Email (Will be used for enrollment info and participant certification/license, if relevant)"; font-size: 16px; } div#step-forms-pane label[for="phone"]:before { content: "Participant Mobile/Cell Phone Number (This may be used for important text updates)"; font-size: 16px; }