Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #798667

    Hi there,

    I’m trying to figure out how to change the colour of the form label text (set to ‘hide form labels’ so that it shows within the entry field). Using the css that would usually target the labels:

    #top label {
    color: #EF7F33

    Doesn’t seem to effect label text that is ‘hidden’ within the field. I tried to target the labels by styling their ID, which seems to work fine for everything except for adjusting the colour:

    #element_avia_1_1 {
    font-family: Lato, sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #EF7F33!important;

    How can I specify the colour of the form labels while keeping them displayed within the form fields?



    Hey LiquidFreelance,

    You actually need to target the placeholder text. Please see the following for an explanation:

    Best regards,
    Jordan Shannon


    Thanks for the response, that’s what I was looking for.

    If anyone else is looking, I used

    .main_color input::placeholder {
    color: #575756;
     #top .main_color textarea::placeholder {
    color: #575756;}

    which worked.



    Great, glad you got it working and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,


    Problem solved, thanks.



    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change Color of 'Hidden' Form Labels’ is closed to new replies.