As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #3014241
email placeholder
Closed

Comments

  •  1
    Virginie started the conversation

    Hi, 

    Is it possible to change the email placeholder ?

    Actually there is something bad displaying. 

    Thanks, 

  •  1,896
    Miloš replied

    Hi, Virginie

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    - We did a test email, and it is good that it is functioning without issues, just the placeholder is visually converted to unicode text.

    3585845098.png

    - Usually, this behaviour happens if you have some Email security plugin installed, and it is encoding

    Unicode text for the email placeholder.

    - Can you check do you maybe have "Email Encoder - Protect Email Addresses" plugin active on your WordPress site?

    If so, we have a solution for that particular plugin:

    5470518763.png

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

    4888841493.png

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

    3585845098.png1396703097.png

    You can try this, 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.

    -

    In case if you have some other security plugin for emails, we can take a look at the WP-Admin.

    Let me know how it goes and we can assist further if needed. Thanks.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables