Align the form input hint text


#1

Hello guys

I poke around and see that the JS “Placeholder In Form” is the guy that write the hint text. However, it seems that it is left aligned. Is there a way to make it right align?

This is the javascript snippet writing the hint text

$("#lp-pom-form-507 input").attr(“placeholder”, “Enter your email”);

Thanks…


#2

Hey TK - Try adding this to your CSS stylesheets box. I haven’t done extensive testing on various browsers, but it seems do what your trying to achieve.

<style>/* webkit solution */ <br /> ::-webkit-input-placeholder { text-align:right; } <br /> /* mozilla solution */ <br /> input:-moz-placeholder { text-align:right; }</style>


#3

Hello Johnny,

You mean to say instead of


#4

It seems some character were truncated. What I meant to say is, you mean to say style instead of script ?


#5

Whoa my mistake. Yes you want to change that to



instead of

<script>



Sorry for the confusion TK. I’ll update my original reply. Thanks for pointing that out!


#6

Johnny,

Is there a similar script that will allow me to adjust the font color of the placeholder text within my form fields?  I am looking to have the text be black before and after the form is filled out.


#7
/* webkit solution */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}
 

#8

how about when I just want to put a style on the asterisk (*) on the placeholder?