Answers.Body: <p>Here is an example of a CSS alternative that I am using. Colors and positioning will vary depending on your theme.</p>
  <pre><code>/* Change text color to background color of button to make original text invisible, and set button line height */
  .crm-contribution-page-id-3 #_qf_Main_upload-bottom { color: #a3ce1e; line-height: 5px; } 
  /* Add new text, format and reposition over original text */
  .crm-contribution-page-id-3 #_qf_Main_upload-bottom:after { content: &quot;Join&quot;; text-indent: 0; display: block; color: #ffffff; position: relative; top: -9px; } 
  /* Change text color of the check mark back to be visible */
  .crm-contribution-page-id-3 .fa-check { color: #ffffff; }
  /* Change original text color on hover to also be invisible */
  .crm-contribution-page-id-3 #_qf_Main_upload-bottom:hover { color: #7ebb45; } 
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2022-12-15T16:32:36.493Z
Answers.LastActivityDate: 2022-12-15T16:32:36.493Z
Answers.UserDisplayName: Larry K.
Answers.Body: <p>Yes, Word Replacements does work for this. I replicated your issue as it is case sensitive. The helper text says:</p>
  
  <p><em>IMPORTANT: Replacements are case-sensitive whether 'Exact Match' is checked or not.</em></p>
  
  <p>To get it to work you need to enter it as <strong>Contribute</strong> in Propercase.</p>
  
  <p>I referenced the value of it below as custom CSS styling could differ from the value:
  <a href="https://i.sstatic.net/3aEy2.png" rel="noreferrer"><img src="https://i.sstatic.net/3aEy2.png" alt="enter image description here"></a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-04-11T00:32:08.617Z
Answers.Text: Of course!  I tested with all upper and all lower; it didn't occur to me to test with Title Case (or "propercase")  Thanks very much!  .
Answers.UserDisplayName: David Hyman
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-05-18T16:24:38.610Z
Answers.Text: Just be aware that this will replace all instances of 'Contribute' in CiviCRM including some that you may want to keep as they are. This can be quite unexpected e.g. you may end up with the likes of 'CiviSubmit'!
Answers.UserDisplayName: William Mortada
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-04-11T00:19:50.703Z
Answers.LastActivityDate: 2020-04-11T00:19:50.703Z
Answers.UserDisplayName: Andy Burns
Body: <p>I have a contribution form page that is primarily used by folks who want to sign up for membership, which in many cases does not require payment.  I would like the button on the bottom, which currently shows a checkmark and the word "CONTRIBUTE", to say "SUBMIT".  I have tried putting that as a Word Replacement, both with all lowercase and all uppercase, but without impact.  </p>
  
  <p>In fact, I am not sure Word replacements are working at all.  They didn't work on a word I used in the body of a form, as a test, but that's not necessary, I can edit the word itself.  </p>
  
  <p>Any ideas?  If Word Replacement will never work, can anyone point me to where the 'CONTRIBUTE" button text can be edited directly?  Thanks!  (Using CiviCRM with WordPress, current versions.)  </p>
  
Tags: <forms>
Title: Should Word Replacement work on button text?
ThreadText: # Should Word Replacement work on button text?
  
  (Asked by: username_0 on 2020-04-10)
  
  I have a contribution form page that is primarily used by folks who want to sign up for membership, which in many cases does not require payment. I would like the button on the bottom, which currently shows a checkmark and the word "CONTRIBUTE", to say "SUBMIT". I have tried putting that as a Word Replacement, both with all lowercase and all uppercase, but without impact.
  
  In fact, I am not sure Word replacements are working at all. They didn't work on a word I used in the body of a form, as a test, but that's not necessary, I can edit the word itself.
  
  Any ideas? If Word Replacement will never work, can anyone point me to where the 'CONTRIBUTE" button text can be edited directly? Thanks! (Using CiviCRM with WordPress, current versions.)
  
  **Tags:** forms
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_2 on 2020-04-11. Score: 6 | Accepted answer
  
  Yes, Word Replacements does work for this. I replicated your issue as it is case sensitive. The helper text says:
  
  *IMPORTANT: Replacements are case-sensitive whether 'Exact Match' is checked or not.*
  
  To get it to work you need to enter it as **Contribute** in Propercase.
  
  I referenced the value of it below as custom CSS styling could differ from the value:
  [![enter image description here](https://i.sstatic.net/3aEy2.png)](https://i.sstatic.net/3aEy2.png)
  
  > **Comments:**
  > **username_0**: Of course!  I tested with all upper and all lower; it didn't occur to me to test with Title Case (or "propercase")  Thanks very much!  .  
  > **username_3**: Just be aware that this will replace all instances of 'Contribute' in CiviCRM including some that you may want to keep as they are. This can be quite unexpected e.g. you may end up with the likes of 'CiviSubmit'!  
  
  ---
  
  ### Answer by username_1 on 2022-12-15. Score: 4
  
  Here is an example of a CSS alternative that I am using. Colors and positioning will vary depending on your theme.
  /* Change text color to background color of button to make original text invisible, and set button line height */
  .crm-contribution-page-id-3 #_qf_Main_upload-bottom { color: #a3ce1e; line-height: 5px; } 
  /* Add new text, format and reposition over original text */
  .crm-contribution-page-id-3 #_qf_Main_upload-bottom:after { content: "Join"; text-indent: 0; display: block; color: #ffffff; position: relative; top: -9px; } 
  /* Change text color of the check mark back to be visible */
  .crm-contribution-page-id-3 .fa-check { color: #ffffff; }
  /* Change original text color on hover to also be invisible */
  .crm-contribution-page-id-3 #_qf_Main_upload-bottom:hover { color: #7ebb45; }
  
  
  ---
  
  