Listing Category: Call to action button

Divi UI Challenge #9 – Product Tiles

Hello and welcome back to another Divi UI Challenge! This week we’re tackling a Product Tiles section, perfect for highlighting three seperate product options. Like always, we’re building with the standard Divi builder settings and have a few additional…

Add a One Click WordPress PDF Download Using Divi

Adding a downloadable Portable Document Format (PDF) file to your WordPress website is ideal for offering all manner of exclusive content designed to help grow your email list. However, the options for adding them to your WordPress website are often lacking. By using Divi’s Call To Action module, you…

Fixed Bar for Divi: how to improve conversions

Many times when building a website, it makes one of the most serious mistakes to focus too much on design and less on what it really is imported: the conversions. Yet in some cases small trick can help increase conversions with minimal effort, and that’s what I will do in this article where I’ll show you how to add a fixed bar to your website to improve conversions and even the user experience….

How to Create a Responsive Image Grid with the Divi Page Builder and the Call to Action Module

Welcome to Day 57 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series! Responsive grids are perfect for showcasing a collection of links to content because they look good on every device….

Jazz up your Divi Themes Buttons

A little piece of code that will jazz up your Divi Themes Buttons. Simply copy the below code into your Divi themes ‘Custom CSS’ area and click save…

Download The Free Divi Custom Button Module Design Kit

Welcome to Day 44 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series! Every website needs buttons. But creating beautiful buttons, even with the advanced design settings Divi offers, can…

Call To Action Module Shortcode

In this article, we will see how Call To Action module shortcode works…

Create A Full Width Call To Action Button

At the bottom of each page on yatesdesign.com.au I’ve got a button that reads “Ready to launch a new project? Let’s work together →”. It’s a full width button that changes colour on hover and I get asked about it often so here’s a tutorial on how I did it.

The technique I use is to add a button module to the column I want to turn into a link & then position that button absolutely so that it covers the entire column. I’ve used this method on a few other layouts as well, like Blurb Cards, Image Module Hover Effect & Blurb Module Hover Effect…

How to Create Sticky CTAs with Divi

So you used Divi to build a gorgeous website, filled it with top-notch content and went through all the checkboxes to guarantee good search engine optimization. Yet after some time, your conversions aren’t quite where you’d expect. Now you might be asking yourself, “Did I do something…

Making Divi Buttons the Same Size

Normally the Call-to-Action (CTA) buttons in the Divi Theme adjust in size to fit the text they contain. If you’d prefer to have a standard button width throughout your site, you can use the following CSS: .et_pb_button { min-width: 180px; text-align:center; }…

TUTORIAL AWESOMENESS

TUTORIAL AWESOMENESS

Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.

 

You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!
close