Change placeholder text for newsletter form

Site URL: https://www.cdamovement.org

Looking for CSS customization to change the placeholder text in the newsletter form on the homepage to change from "First Name / Last Name / Email Address" to "Name / CDSBC Number / Email." Much appreciate any help!

On 12/14/2021 at 8:16 AM, CDAquestion said:

Site URL: https://www.cdamovement.org

Looking for CSS customization to change the placeholder text in the newsletter form on the homepage to change from "First Name / Last Name / Email Address" to "Name / CDSBC Number / Email." Much appreciate any help!

Add to Settings > Advanced > Code Injection > Footer

<script>
(function() {
document.querySelector(".first-name input").setAttribute("placeholder", "Name");
document.querySelector(".last-name input").setAttribute("placeholder", "CDSBC Number");
document.querySelector(".email input").setAttribute("placeholder", "Email");
})()
</script>

Hi @tuanphan! I'm attempting to use this same code on my form, but I suspect that with the form updates, something has changed as it's no longer working. Do you know what the issue could be?

https://fife-sunflower-68mk.squarespace.com/appointment-enquiry

pw: elipsis

28 minutes ago, mbockmaster said:

I'm attempting to use this same code on my form, but I suspect that with the form updates, something has changed as it's no longer working. Do you know what the issue could be?

The earlier posts in this thread were posted before Squarespace changed Form Blocks in 2023. They are now built using React. See earlier threads for more background. 

Did this help? Please give feedback by clicking an icon below  ⬇️