One text color for the form field and another for the form label

  • 11 January 2019
  • 2 replies
  • 97 views

Hi! Is there any way to get one text color for the form field and another for the form label? dark grey over pink just doesn’t work 😃 Thanks!

14


2 replies

Userlevel 5
Badge +2

Hi @jmo -

You can do this with a little bit of CSS!

Here is what we use:

Placeholders:

<style>
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}
</style>

Here is the css for the input (make sure to change to your form ID):

<style>
#lp-pom-form-370 .lp-pom-form-field .text {
    	font-weight: 400 !important;
    	color: #FFFFFF !important;
        font-size: 14px !important;
  		}
</style>

I hope that helps!

Caroline, hi! That worked out perfect. Awesome! Thank you! 🙂

Reply