Textwidget in GK Grid as "image widget" with link

Good morning,

I would like to use a picture with type in the GK Grid (its a page not a post thats why i have to do this work-around). Somehow I can't get the image to be a link. If I use the code snippet of "posts" it crashes the Grid.

Here is what I have done so far. I am sure I am blind again, but there you go …

Code: Select all

<div>
<figure class="gk-grid-title-overlay active" data-textcolor="light" data-textpos="top">

<figcaption style="padding: 20px;"><a title="symposium" href="http://www.internetofcars.org.uk/talks/symposium/"><h3 style="text-transform: none; color: #fff;">Symposium</h3></a></figcaption>
</figure>
</div>

<a href="http://www.internetofcars.org.uk/talks/symposium/"><img style="border:0;" src="http://www.internetofcars.org.uk/wp-content/uploads/2014/02/FE03.jpg" alt="Symposium"></a>


Would be grateful for help!!

Hi,

So you want to use image with text (image as a link) in the grid, right? Why you don't use default text widget with gk-photo class, please check this code:

Code: Select all

<div class="gk-photo">

<a href="http://demo.gavick.com/wordpress/msocial/activity" style="background-image: url('http://demo.gavick.com/wordpress/msocial/wp-content/themes/Msocial/images/demo/1.jpg');"></a>

<h3 class="gk-status-text-bottom gk-statust-text-light homepage"><a href="http://demo.gavick.com/wordpress/msocial/activity">BuddyPress Activity Wall - New GK BP widget</a></h3>

</div>