Tagged: , , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 24, 2017 at 1:43 am #798667
    LiquidFreelance

    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?

    Cheers.

    May 24, 2017 at 1:45 am #798669
    Jordan Shannon

    Hey LiquidFreelance,

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

    ::placeholder

    Best regards,
    Jordan Shannon

    May 24, 2017 at 3:01 am #798685
    LiquidFreelance

    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.

    May 24, 2017 at 8:08 am #798757
    Rikard

    Hi,

    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,
    Rikard

    May 25, 2017 at 7:50 am #799397
    LiquidFreelance

    Problem solved, thanks.

    May 25, 2017 at 11:44 am #799460
    Rikard

    Hi,

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

    Best regards,
    Rikard

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