Talon: Portfolio Widget - Project Box Hyperlink


#1

Hello,
I am using the Talon: Portfolio Widget (Style 4) on my Home Page and on my Projects Page.

My site is located here: http://usm84.siteground.biz/~sbengine/

Right now, the project hyperlink is only active when you click on the name of the project during rollover. Is there any way to make the hyperlink active no matter where you point to and click in/on the container?

Thank you.

Andy


#2

Hello Andy,

Are you referring to the button link that reads “See All Projects”?

Regards,
Kharis


#3

Nope. The entire block that is shown for a project - I can click on hyperlink to individual project page when I roll over and click on the project name -but if I click somewhere else in the block (not the text) the hyperlink is not live.

Hopefully that makes sense.

Thanks.

Andy


#4

Hello Andy,

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {

      if( $('.athemes_portfolio_widget').length ) {
        $('.athemes_portfolio_widget .portfolio-item').each(function(){
          var link = $(this).children('a').attr('href');
          $(this).children('.portfolio-content').wrapInner('<a href="' + link + '"></a>');
        });
      }

    })(jQuery);
  1. Update
  2. Then add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    .athemes_portfolio_widget .portfolio-content h4 {
      height: 100%;
      position: relative;
    }

    .athemes_portfolio_widget .portfolio-content h4 a {
      display: block;
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
    	-moz-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	-o-transform: translateY(-50%);
    	transform: translateY(-50%);
    }

    .athemes_portfolio_widget .portfolio-content > a {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
    }

Regards,
Kharis


#5

Thank you - worked perfectly.


#6

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis