Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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?

    Cheers.

    #798669

    Hey LiquidFreelance,

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

    Best regards,
    Jordan Shannon

    #798685

    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.

    #798757

    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

    #799397

    Problem solved, thanks.

    #799460

    Hi,

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

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Change Color of 'Hidden' Form Labels’ is closed to new replies.