Support » Plugin: Contact Form to Manage and respond to conversations with customers — HappyForms » Placeholder fields styling not changing consistently?

  • Resolved kaizerco

    (@kaizerco)


    I tried changing all placeholder’s colors from the Customizer interface, under ‘Part Labels & Text’. Only the ‘Long Text’ field’s placeholder is changing colors. All the rest are staying gray. Ideas?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author thethemefoundry

    (@thethemefoundry)

    I see, @kaizerco!

    Your theme is overriding HappyForms styles. We’ll look into this and make HappyForms rules stronger (to avoid unintended override), in the meanwhile you could pop this snippet in your AppearanceCustomizeAdditional CSS screen:

    .happyforms-part ::placeholder {
        color: var(--happyforms-color-part-placeholder) !important;
    }

    That should hopefully do the trick. Let us know how that goes!

    That does the trick. Which CSS rules of my theme are overriding though? I can’t seem to pinpoint them. If it’s something in my style.css that I overlooked It’s better I disable it there, rather than having stronger rules for happyforms.

    • This reply was modified 1 year, 5 months ago by kaizerco.
    Plugin Author thethemefoundry

    (@thethemefoundry)

    Got it, @kaizerco!

    It’s a bit hard to say, it seems your theme has some sort of “skin” system? I see this rule overriding HappyForms:

    skin-5bc5d88cbfa13.css
    
    input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: rgba(66,66,66,0.4);
    }

    The skin file is also minified (or, packed in a single line) so I can’t point you to something more specific.

    Ok, thanks for the help!

    Plugin Author thethemefoundry

    (@thethemefoundry)

    You’re welcome, @kaizerco!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Placeholder fields styling not changing consistently?’ is closed to new replies.