Buy me a coffee

#165

#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;
}