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 Text section of a Classic Feature Box you will need to go to the feature box element options and scroll down to find the ID option and add a unique ID, for example: linked-feature-box:

Big Linked Feature Box ID

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:last-child').each( function() {
    $( this ).parent().parent().parent().find('.x-feature-box-graphic-inner img').wrap( '[](' + $( this ).attr('href') + ')' );
    $( this ).remove();
  } );

} );

Summary

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

See something inaccurate? Let us know