Hello Riccardo,

Would you be able to provide us with a staging site, along with WP-admin (Administrator) user, FTP, and the database, so our developers can debug the plugin, and see what's going on?

If you're not able to provide us with a staging site, can you clone your website?

If yes - I'll ask you to install the Duplicator plugin. It will generate a couple of files that you can send me (along with the log-in credentials), and then I can create an exact copy of your website, see what the issue is and try to resolve it.

The Duplicator plugin can export only up to 500MB of data, so if your site is bigger than that, please use the All-in-One WP Migration plugin.

Please note that the files will be too large to attach to the ticket, so you can upload them via wetransfer.com and just send me the link.

Hello Riccardo,

Sorry for the late response. Our team is cut in half due to Covid-19 infections, so our response times are longer than usual. Thank you for your patience!

We can't find a page with Amelia's forms. - Tell us on which page Amelia is on?

We see that you modified Amelia in the back-end - we are interested in what you have also changed and does the same happen to you when you load pure Amelia, without those modifications?

Looking forward to your reply.

Hello Riccardo,

This is actually Unicode text for "[email protected]":

It is being generated by the "Email Encoder - Protect Email Addresses" plugin:

If this plugin is deactivated, the default placeholder shows correctly:

You can override this behavior for the placeholder if you enable "no script tags":

We left this enabled on your staging site, so you can take a look for yourself, and see if it works for you. If you still need to use some custom CSS to hide the placeholder altogether, you can use this:

.amelia-app-booking #amelia-booking-wrap .el-form-item.am-input-stepByStepForm-confirmBookingForm-appointment .el-form-item__label[for="customer.email"] ~ .el-form-item__content .el-input__inner::-webkit-input-placeholder {
    color: transparent;
    opacity: 0;
}

This is for /* Chrome/Opera/Safari */ but if you need it for other browsers, you can replace this:

::-webkit-input-placeholder

With one of these:

::-moz-placeholder /* Firefox 19+ */
:-ms-input-placeholder /* IE 10+ */
:-moz-placeholder /* Firefox 18- *

Just make sure not to include the data after "/*". That's there so you know for which browser which code is.

Or, simply add the following CSS, so it's hidden on all browsers:

.amelia-app-booking #amelia-booking-wrap .el-form-item.am-input-stepByStepForm-confirmBookingForm-appointment .el-form-item__label[for="customer.email"] ~ .el-form-item__content .el-input__inner::-webkit-input-placeholder {    color: transparent;    opacity: 0;
}
.amelia-app-booking #amelia-booking-wrap .el-form-item.am-input-stepByStepForm-confirmBookingForm-appointment .el-form-item__label[for="customer.email"] ~ .el-form-item__content .el-input__inner::-moz-placeholder {    color: transparent;    opacity: 0;
}
.amelia-app-booking #amelia-booking-wrap .el-form-item.am-input-stepByStepForm-confirmBookingForm-appointment .el-form-item__label[for="customer.email"] ~ .el-form-item__content .el-input__inner:-ms-input-placeholder {    color: transparent;    opacity: 0;
}
.amelia-app-booking #amelia-booking-wrap .el-form-item.am-input-stepByStepForm-confirmBookingForm-appointment .el-form-item__label[for="customer.email"] ~ .el-form-item__content .el-input__inner:-moz-placeholder {    color: transparent;    opacity: 0;
}

Let us know if that helps.