Hide Placeholder text on Post Comments form

Support
#1

How to Hide Placeholder text on Post Comments form

Thank you

#2

Hi Iban

Try adding this custom CSS on Theme Options > Global CSS:

    .single-post  ::-webkit-input-placeholder {
        /* WebKit browsers */
         color: transparent;
    }
    .single-post :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: transparent;
    }
    .single-post ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: transparent;
    }
    .single-post :-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: transparent;
    }
    .single-post input::placeholder {
         color: transparent;
    }
     .single-post textarea::-webkit-input-placeholder {
        /* WebKit browsers */
         color: transparent;
    }
     .single-post textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
         color: transparent;
    }
     .single-post textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
         color: transparent;
    }
    .single-post textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
         color: transparent;
    }
    .single-post textarea::placeholder {
         color: transparent;
    }

Hope this helps.

#3

Hi Lely,
This option is not working
Thanks

#4

Hey Iban,

Please add this code in X > Theme Options > JS:

jQuery('.comment-form input, .comment-form textarea ').attr('placeholder', '');

Hope this helps.

#5

This worked. Thanks Jade

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.