Add Links to Feature Boxes

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

  1. Adding Link to a Feature Box
  2. Summary

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:

Big Linked Feature Box Class

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