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


#1

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 :smiley: Thanks!

14


#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!


#3

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