1 Min.x, pro, cornerstone

Add Links to Feature Boxes

In this article, we're going to explain how to add a link to feature boxes.

Adding Link to a Feature Box
Summary

Adding Link to a Feature Box

To add a link to the Icon section of a Classic Feature Box you will need to go to the feature box element options and scroll down to find the Class option and add a Class, for example: linked-feature-box:

After that, you need to add the Javascript code below to X/Pro > Theme Options > JS:

jQuery ( function( $ ) {

  $('.linked-feature-box .x-feature-box-text a').each( function() {
    $( this ).parent().parent().parent().find('.x-feature-box-graphic-inner *').wrap( '<a href="' + $( this ).attr('href') + '"></a>' );
    $( this ).remove();
  } );

} );

Summary

You're now capable of adding a link to any feature box icon.

See something inaccurate? Let us know