Jump to content

How to change the text of "country" and "number" in contact form under phone number

Go to solution Solved by tuanphan,

Recommended Posts

  • Solution

You can use this to Website Tools > Custom CSS

div.form-block fieldset.phone .field .caption-text {
    font-size: 0 !important;
}
div.form-block fieldset.phone .field:first-child .caption-text:before {
    content: "new country text";
    font-size: 16px;
}
div.form-block fieldset.phone .field:last-child .caption-text:before {
    content: "new phone text";
    font-size: 16px;
}

image.thumb.png.17a4871810ca3ccbc5a08871364d8e38.png

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!)

Link to comment
Posted (edited)
On 8/6/2024 at 9:33 AM, tuanphan said:

You can use this to Website Tools > Custom CSS

div.form-block fieldset.phone .field .caption-text {
    font-size: 0 !important;
}
div.form-block fieldset.phone .field:first-child .caption-text:before {
    content: "new country text";
    font-size: 16px;
}
div.form-block fieldset.phone .field:last-child .caption-text:before {
    content: "new phone text";
    font-size: 16px;
}

image.thumb.png.17a4871810ca3ccbc5a08871364d8e38.png

Thank you so much! It works perfectly!

Edited by matchyychin
Link to comment

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.