button module

Add a Parallelogram Background to a Divi Button Module

Looking to add a unique twist to your Divi Buttons? Styling a Divi Button’s background as a parallelogram is a striking way to enhance your page design. Follow the steps below to achieve this effect using custom CSS in Divi. Before diving into the steps, here’s a...

Making One Corner of a Divi Button Module Round

Do you want to tweak the style of your Divi Button Module by rounding just one corner? This subtle adjustment can give your buttons an eye-catching and modern look. Here's how to customize the border radius.Setting the Default Radius First, let's set the default...

Make Divi Buttons Round

The Divi Button module lets you easily add buttons to your Divi builder pages. Normally these are rectangular. If you'd like to make a button circular instead, here's how to create round Divi buttons.Make Divi Buttons Round using CSS  It's relatively simple to make a...

Change the height of a Divi Button module

Divi buttons are a popular module used in Divi websites to create attractive calls to action. In some cases, you may want to adjust the height of the Divi button module to make it stand out more on your page. In this post, I will explain how to adjust the height of a...

Make a Divi Button Popup a Calendly Widget

Calendly lets you manage your calendar and appointment scheduling. It includes an option to embed widgets within your website. While Calendly includes the option of embedding a popup, if you want the popup to be triggered by a Divi button, here's a way to do...

Set the Divi Show / Hide Button Link URL

Divi Show / Hide Button includes an option to make the button link to a target URL, similar to a standard button module in the Divi builder. However, there are a few differences in behavior compared to the standard button module. The option and it's behavior are...

Create a Divi Button with no Text

The Divi theme comes with a Button module which lets you create buttons with text and an optional icon. But what if you just want the icon, but no text. Here's a couple of ways to achieve that.To create an icon-only button in Divi: Use PHP code to allow display of...

Open/Close Entire Divi Accordion Module

The Divi Theme's Accordion module doesn't come with a way to open / close all accordion toggles at once. Here's how to add a Button module which will do just that.Step 1: Add a Button Module Begin by adding a button module to your layout. This will be the button that...

Create Tabs with Divi Show / Hide Button

The Divi Theme includes a tab module for creating tabbed content. However, if you want more flexibility, here's how you can use Divi buttons to create tabs.Creating Tabs with the Divi Show / Hide Button ModuleI created the Divi Show / Hide Button Module as an easy way...

Making a Divi Button Non-Clickable

The Divi Theme's button module gives you an easy way to add a styled, linked button to your page. But what if you want the button to be unlinked / non-clickable? Make the Divi Button Unclickable on All Devices To make a button non-clickable on all devices (i.e....