Docs

[quituck]

Hi,
My placeholder text is not displaying on my footer convert plug widget. Please advise on how to fix this.

Please see the image attached for reference.

Thank you

[quituck]

This reply has been marked as private.

[Thai]

Hi There,

The placeholder text works fine on my end:

http://i.imgur.com/ZUVdLZB.png

Could you please tell us which browsers you’re using?

Thanks.

[quituck]

Hi,
I’m using firefox.

Thank you

[Thai]

Hi There,

Please add the following CSS:

.cp-input.cp-email::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #438344;
}
.cp-input.cp-email:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #438344;
   opacity:  1;
}
.cp-input.cp-email::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #438344 !important;
   opacity:   1 !important;
}
.cp-input.cp-email:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #438344;
}

Hope it helps 🙂

[quituck]

Hi,
That code did not help the placeholder text to display. The placeholder text is displaying on my other forms, just not the one in my footer.

Please advise.

Thank you

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: auto !important;
}

Let us know how this goes!

[quituck]

Problem Solved.

Thank you very much! 🙂

[Joao]

Glad to hear it,

Joao

[Author]

Posts