Docs

[yhshin1020]

Hey,

I am trying to make each block grid item in the grid a clickable link. I understand you can nest <div></div> tags in tags in html but unfortunately cornerstone element doesnt allow me to do so.

So i gave the item id of clickbox and passed this jquery code in my cornerstone custom js:

jQuery(function($) {
    $("#clickbox").wrap("<a target='_blank' href='http://www.google.com' style='display: block;'></a>");
});

However, when i do this, the block item becomes unusually large (i’ve attached a picture in the next post).

How can I go about making the item a clickable link without changing the size of the picture?

Thanks.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please update your code to :

jQuery(function($) {
    $("#clickbox li img").wrap("<a target='_blank' href='http://www.google.com' style='display: block;'></a>");
}

Hope it helps.

[yhshin1020]

This reply has been marked as private.

[Paul R]

Hi,

You can add your link directly instead of using js to add link.

eg.

<a target='_blank' href='http://www.google.com' style='display: block;'>[x_image type="circle" float="none" src="http://www.guidedogssg.com/wp-content/uploads/2016/11/BOD1.jpg" info="none" info_place="top" info_trigger="hover"]

<p class="hdr">Director</p>
<p class="title">Ms. Tan Hwei Lan</p></a>

Hope that helps.

[yhshin1020]

Thanks.

Hey, is there a way to have an icon overlay when you hover on the images like the integrity blog feature image: http://demo.theme.co/integrity-1/blog/?

Thanks.

[Rupok]

Hi there,

It might be possible with further custom development but won’t be usual.

Thanks!

[Author]

Posts