If you define an URL in Blurbs Module general settings tab, like this:Divi Developer Cyprus - George Nicolaou - Clickable Blurb Module in Divi Theme 1

 

The part of the Blurb, which actually’s going to be clickable is an icon and the title.

Divi Developer Cyprus - George Nicolaou - Clickable Blurb Module in Divi Theme 3

But I like my blurbs to be clickable as a whole. So how can we do it?

How to make it clickable?

There is an easy javascript (jQuery) method. We don’t want all the blurbs to behave this way, so we need to add custom class, which we can than target with js. Lets add a custom class blurb_click to modules “Custom CSS” tab.

Divi Developer Cyprus - George Nicolaou - Clickable Blurb Module in Divi Theme 5

Add this code to the <body> element in Theme Options (Integration tab).
Divi Developer Cyprus - George Nicolaou - Clickable Blurb Module in Divi Theme 7

 

 

Opening link in new tab

The script we’ve added basically just looks for a link inside a div and applies that links href attribute to click function. It’s better not to have any other links in a description field of the Blurb Module

WP Feedback

Dive straight into the feedback!
Login below and you can start commenting using your own user instantly

Pin It on Pinterest

Share This
Divi Theme Code Snippets Clickable Blurb Module in Divi Theme