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,851
    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