Listing Category: Button

Pin a call to action to the side of a page

Check out this tutorial on how to made a fixed flag on the side of your page which you can use for a Call To Action of whatever else you can imagine….

How to design a good hero image/section

This is a post by Donjete Vuniqi written for elegant themes blog. She discuss about Hero Image Design Tips & How to Use Them Throughout Divi. Here’s an excerpt of the article,
“In today’s tutorial, we’re going to share some tips on how to design a good hero image/section. The tips that will be shared can help you create effective hero sections for your own website or a client’s website…”

Animated Border Effect for Divi Button Module

In this tutorial we will apply a nice animated border effect to Divi Button module on hover state.

Position Aware Hover Effect for Divi Button

In this tutorial we are going to implement a position aware hover effect to Divi button module which takes effect depending on the position of coursor when hovering over the button.

Add a Shiny Hover Effect to Divi Button

In this tutorial I’ll show you how to implement a cool shiny hover effect to Divi button module. Hover over the demo button in the tutorial to see this effect in action.

Apply the Blip Effect To Divi Button Module

In this tutorial we are going to implement a nice “blip” effect to Divi button module which might help you draw your readers’ attention to the CTA button on your site. I am providing three different code snippets for the same effect but for different button settings.

17 Line Hover Effects for Divi Button Module

In this post I would like to share with you the code snippets for 17 line hover effects for Divi Button Module. These are really cool effects and can be implemented in a few simple steps as explained in this tutorial.

Material Click Effect for Divi Button Module

In this post I’d like to share a code snippet for applying a nice material click effect to Divi Button module. It consits of CSS and JS parts, check out the demo and follow the easy steps below for implementation of this effect in your project.

Create a Direct Download Button in Divi

“A direct download link is a link that starts to download the file on click instead of linking to it in your browser window. Here’s how you set it up in your Divi site…”