CTA Buttons Settings

  1. Content Settings
  2. Design Settings
  3. Advanced Settings

To enable the Divi MadMenu Button One and Button Two elements open the module settings modal, go to Content -> Elements section and click the Enable Button One and Enable Button Two.

When the buttons are enabled their  ContentDesign and Advanced settings all become visible. Both Button elements have absolutely identical set of settings, so, here we'll be exploring the settings of Button One only.

1. Content Settings

The Button One element's Content settings are located in the Content -> Button One section

CTA Buttons can have text only, text with icon or icon only. The available options are the followings:

  1. Button One Text
  2. Enable Button One Icon (disabled by default)
  3. Button One Link URL
  4. Button One Link Target

Enabling the button icon reveals additional options allowing to select the icon type and the icon, set its placement relatively to the button text and also control responsive visibility of the icon.

By default the Font Icon is selected as the icon type allowing to select any icon from Divi's core font icons set. However selecting the Image Icon option makes it possible to upload custom image icons both for the Normal and Fixed headers(the Use Fixed Header Image should be enabled) as well as for each device(Desktop, Tablet and Phone)

2. Design Settings

The  Design settings of the Button One element can be found under the Design tab of the module settings.

The  Button One Order setting allows to set the Button One element order relative to other header elements, it is located under the Design -> Layout:General toggle. The element order value can be different for each device.

To align the Button One  vertically and horizontally and to set its column width use the layout settings located under the Design -> Layout:Elements toggle B1 tab (B2 tab contains the Button Two layout settings)

The design options set of the Button One element includes colorsspacingbordersbox shadow and sizing options and can be found in the Design -> Button One and Design -> Button One (Fixed) sections, and the Text:Button One section contains the text options (for the Button Two it is Text: Button Two section)

3. Advanced Settings

The button link relationship and the image icon alt text(if the image icon type is selected) can be set in Advanced -> Attributes section

To control the responsive visibility of the Button One element use the Show Button One settings in the Advanced -> Visibility section. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.