How to Add a 3rd CTA Button to Divi Theme

by | Last Updated: Feb 16, 2017 | Blog, Divi theme

By default, you can have a maximum of 2 CTA buttons on a Divi module. However, what if you need 3 or more? There is a quick trick on how to do it and today I will explain you how.

 

Add Another CTA to Divi

 

So let’s say I have the fullwidth header module on the top of my homepage and I want to have 3 CTA buttons in it. You can add the details for the 2 of them in the General Settings of this module. You can enter your Button #1 Text and URL (and same for Button #2). However, to add a third CTA button, you will need to do the following:

Into the Content area of your module add the following code:

<a href=”Your URL” class=”et_pb_more_button et_pb_button third_button”>Button Text</a>

Replace “Your URL” with your desired target link for this button and “Button Text” with your button’s text.

So this code will add another CTA button to your Divi module, but it may not be aligned well with the first two CTA buttons, so you may want to do some tweaking to it by adding a custom CSS code to your Divi theme options field (or your child theme’s stylesheet.css file). For some help with this, you can check my thread in the ET support forum: https://www.elegantthemes.com/forum/viewtopic.php?f=187&t=622036 (Note: you need to be logged into your ET account to view it).

Bloom Email Opt In Plugin

5 Free WordPress Plugins You Should Use

Disclosure: This website is not owned by Elegant Themes. Some of the links on this website are affiliate links. That means that I will get paid a commission if you use them. This however does not influence my opinions, as I'm personally using these products and am satisfied with them.

Share This