In this quick Divi Theme Tutorial, I am going to show you a fairly simple way to change the text on the Divi contact form submit button.
Here are the steps to accomplish this tutorial:
- The first step is to build your form using the Divi contact form module. You will need to give your form a unique custom CSS class in the Custom CSS section of the contact form module. For this example I will be using “free-consultation” as my unique CSS class, but you may use whatever you like.
- Next you will need to copy the code below and paste it into Divi -> Theme Options -> Integration -> Add code to the < head > of your blog. **you will need to change the “free-consultation” in red to whatever you used in step 1, and change “Get Your Free Consultation” to whatever you would like your submit button to say.**
Here is the code that makes the magic happen –
jQuery(“.free-consultation button.et_pb_contact_submit”).text(‘Get Your Free Consultation‘);
*If for some reason this isn’t working, try removing and re-typing the single and double quotes in the code above and see if that works for you. Sometimes copy/paste can affect the code and this should fix it for you.*
**You can repeat the steps above to set the text for as many forms as you’d like, just make sure to set a different CSS class for each form and change the code to use the new CSS class.**
That’s it, simple right?
You can see an example of this on the form below.
I hope you find this simple Divi Theme Tutorial helpful and if you ever need help building your Divi website, please consider contacting us!