How to make graphic a clickable hyperlink

[Shandearan]

Good Afternoon,

I have researched a bit and I have not been able to figure out how to make the graphic icon’s on my main about page a clickable hyperlink. I would very much like to be able to do this for all 4 of them. How do I make this happen in Pro?

website about page: https://shandearan.com/

thanks.

[nabeel]

Hi there,

Thanks for writing in! To make icons clickable, just give them unique classes e.g custom-icon-1 to the first icon and custom-icon-2 to the second and so on and then add the following code in the Theme Options > JS:

jQuery(document).ready(function($){
	$(".custom-icon-1").wrap('<a href="http://google.com/"></a>');
	$(".custom-icon-2").wrap('<a href="http://google.com/"></a>');
	$(".custom-icon-3").wrap('<a href="http://google.com/"></a>');
	$(".custom-icon-4").wrap('<a href="http://google.com/"></a>');
});

Change the links in the above code as per your need. Hope this helps!