Jump to content

How can I change the 'submitting...' form button text?

Recommended Posts

On 4/10/2022 at 9:50 AM, seonto said:

Site URL: https://www.seonto.kr/order

Hi there.

I want to change the form button title after click it.

When I click the submit button (the blue one), "submitting..." title is shows on.

I want to change that title to some texts.

If there's no way, I want to remove the submitting button. (not submit button)

Here's my website page, and PW is 1254. I need your helps!

https://www.seonto.kr/order
 

section[data-section-id="624bcec43c713c27b2e782d0"] section[data-section-id="624bcec43c713c27b2e782d0"].submitting input.button {
  visibility: hidden;
}
section[data-section-id="624bcec43c713c27b2e782d0"] .form-button-wrapper {
  position: relative;
}
section[data-section-id="624bcec43c713c27b2e782d0"] .submitting .form-button-wrapper:after {
  content: 'your word';
  position: absolute;
  display: block;
  z-index:99999;
  left:50%;
  top:50%;
  background:  rgb(155,195,195);
  padding: 5px;
  transform: translate(-50%,-50%);
}

Let me know how it works on your site

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 4/11/2022 at 8:01 PM, bangank36 said:
section[data-section-id="624bcec43c713c27b2e782d0"] section[data-section-id="624bcec43c713c27b2e782d0"].submitting input.button {
  visibility: hidden;
}
section[data-section-id="624bcec43c713c27b2e782d0"] .form-button-wrapper {
  position: relative;
}
section[data-section-id="624bcec43c713c27b2e782d0"] .submitting .form-button-wrapper:after {
  content: 'your word';
  position: absolute;
  display: block;
  z-index:99999;
  left:50%;
  top:50%;
  background:  rgb(155,195,195);
  padding: 5px;
  transform: translate(-50%,-50%);
}

Let me know how it works on your site


Hi @bangank36

Thank you for helping me!
Your codes is works but not 100% ;(

I think older submitting button title still alive!

 

스크린샷 2022-04-12 오후 10.13.24.png

Link to comment
On 4/18/2022 at 5:38 PM, tuanphan said:

@seonto Have you solved it yet?

Yes.. I need your help.

I think that codes just cover the older submitting button. So I should use more longer words than "submitting..." words.

And I have other submit buttons on the website with different button layout too.

ex 1. https://seonto.kr/letter
ex 2. https://seonto.kr/journal/news

So if you let me know how to change the submitting title or delete it, I'll really appreciate!

Edited by seonto
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.