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

 

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

George Nicolaou Senior Software Developer   Clickable Blurb Module in Divi Theme

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.

George Nicolaou Senior Software Developer   Clickable Blurb Module in Divi Theme

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

 

 

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