Jump to content

How do I change the caption for Squarespace form? Specifically for the "Sign up for news and updates" caption

Go to solution Solved by paul2009,

Recommended Posts

Posted

Hi all, 

I need some help to change the text in the form "Sign up for news and updates" to a custom text. 

I tried searching for css codes but nothing worked. 

Appreciate it! 

Screenshot 2023-10-10 at 4.45.33 PM.png

  • Solution
Posted
38 minutes ago, Liza217 said:

I need some help to change the text in the form "Sign up for news and updates" to a custom text. 

This is hacky but should get the job done:

/* Modify email field checkbox caption "Sign up for news and updates" */
.form-wrapper .form-item.field.email .option span {
  font-size: 0 !important;
  visibility: hidden;
}
.form-wrapper .form-item.field.email .option span:after {
  content: "Inscrivez-vous pour recevoir nos actualités"; /* edit as requried */
  font-size: 15px !important;
  visibility: visible;
  margin-left: -17px;
}

A better way to do this is to modify the caption with some JavaScript but due to recent form modifications, this is reasonably complex and not ideal for a forum post.

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

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

  • 2 weeks later...
Posted

Hi Paul, 

Hope you are well! 

My client contacted me again and asked if we could also translate the word "required" in the form to his preferred language. 

Wanted to check if I should use the code above but change the email to title and change the "sign up" part to "required"? Appreciate any tips you could provide , thank you so much! 

  • 2 months later...
Posted
On 10/19/2023 at 7:11 AM, Liza217 said:

My client contacted me again and asked if we could also translate the word "required" in the form to his preferred language. 

@Liza217 I didn't see your post until today (I wasn't tagged) but if you still need help with this, I have provided a solution here:

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

  • 5 months later...
  • 3 months later...
Posted

Hi! 

I've seen some of the responses on this thread and hoping anyone can shed light on an issue with a client site. I haven't had a client this specific with the design layout before.

For their subscribe form, they want:

1. The background of the section AND the form fields to reverse on mobile.

2. The fields for just first and last names to stack on mobile instead of side by side.

Any css recommendations? Thank you! 

  • 1 month later...
Posted (edited)

My new copy overlaps with the checkbox (update:  figured it out!).  But... can someone tell me how to format this correctly to it's vertically aligned with the button?  thank you.

 

Screenshot 2024-12-02 at 5.27.39 PM.png

Edited by Southpaw23
update
Posted
On 12/3/2024 at 5:28 AM, Southpaw23 said:

My new copy overlaps with the checkbox (update:  figured it out!).  But... can someone tell me how to format this correctly to it's vertically aligned with the button?  thank you.

 

Screenshot 2024-12-02 at 5.27.39 PM.png

Do you have link to this page?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.