GK Portfolio link to page not post

Hi

Is it possible to link items in the GK Portfolio to pages instead of posts?

Either that or could you tell me how to update the 'Meet our talented team' html 5 code so that I just get a simple link icon and link on rollover instead of the 3 social icons.

Thanks

Hi,

It's not possible to link to pages in the GK Portfolio (You can choose Latest Products, Caregories, Post slugs, Custom Post Types as a data source), so maybe try to create Custom Post Type if you don't want to use posts.

Regards second question, edit text widget on Bottom I position, and change e.g. first team member:

Code: Select all

<figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="http://localhost:8888/qs-creativity/wp-content/themes/Creativity/images/demo/about/1.jpg" alt="Tim Berners">
      <figcaption>
         <h3>Tim Berners</h3>
         <small>CEO Executive Officer</small> </figcaption>
   </figure>

to

Code: Select all

<figure class="animate_queue_element">
<a href="#">     
<img src="[pageurl]/wp-content/themes/Creativity/images/demo/about/1.jpg" alt="Tim Berners">
</a>
      <figcaption>
         <h3>Tim Berners</h3>
         <small>CEO Executive Officer</small> </figcaption>
   </figure>

then you can customize the link tag

Code: Select all

<a href="#"> 

If you don't want the animation at all, remove animate_queue_element class.

Hi

Thanks for that, I think the second option would work best. Is it possible to make the rollover act like the GK Portfolio with the one colour tint and the 'link' icon (or in other words, like it is now but instead of the 3 social media icons, just one 'link' icon as GK Portfolio).

So something like (where data-link will provide a 'link' icon:

Code: Select all

 <figure data-link="#" class="animate_queue_element">
      <img src="[pageurl]/wp-content/themes/Creativity/images/demo/about/1.jpg" alt="Tim Berners">
      <figcaption>
         <h3>Tim Berners</h3>
         <small>CEO Executive Officer</small> </figcaption>
   </figure>

Thanks

If you don't use social media on GK Portfolio, you can use this code

Code: Select all

 <figure data-twitter="#" class="animate_queue_element">
      <img src="http://localhost:8888/qs-creativity/wp-content/themes/Creativity/images/demo/about/1.jpg" alt="Tim Berners">
      <figcaption>
         <h3>Tim Berners</h3>
         <small>CEO Executive Officer</small> </figcaption>
   </figure>

then specify your own link in data-twitter.
You need one modification more to achieve 'link' icon.
Edit css/override.css file (firstly enable this option in Template Options -> Advanced tab), then paste this to override.css file:

Code: Select all

.gk-team-overlay a[data-type="twitter"]:before {
   content: '\f0c1';
}

.gk-team-overlay > a:before {
   width: 46px;
}

Brilliant. Thank you