Docs

[Christopher]

Hi there,

Please add this as well :

jQuery(".feature-box-graphic-inner a").attr("target","_blank");

Hope it helps.

[flacnvinyl]

I applied this code…

jQuery(function($) {
  $('.x-feature-box-text a:last-child').each(function() {
    $(this).closest('.x-feature-box').find('.x-feature-box-graphic-inner').wrap('<a href="' + $(this).attr('href') + '"></a>');
    $(this).remove();
  });
});

It helped to make the icon clickable. Can we modify this to make the title clickable as well?

[flacnvinyl]

This reply has been marked as private.

[Rad]

Hi there.,

Which title? That wraps the entire box and it includes the title and any content within in. Unless your title is outside that box or in another column/section, then that’s not possible.

Thanks!

[flacnvinyl]

This reply has been marked as private.

[flacnvinyl]

This reply has been marked as private.

[Rad]

Hi there,

Thanks, please change it to this

jQuery(function($) {
  $('.x-feature-box-text a:last-child').each(function() {
    $(this).closest('.x-feature-box').wrap('<a href="' + $(this).attr('href') + '"></a>');
    $(this).remove();
  });
});

cheers!

[flacnvinyl]

That worked! I don’t suppose we can allow the text description areas to NOT get wrapped by the url? We only want the icon and the title get wrapped.

[Paul R]

In that case, kindly change the code to this.

jQuery(function($) {
  $('.x-feature-box-text a:last-child').each(function() {
    $(this).closest('.x-feature-box .x-feature-box-graphic').wrap('<a href="' + $(this).attr('href') + '"></a>');
    $(this).closest('.x-feature-box .x-feature-box-title').wrap('<a href="' + $(this).attr('href') + '"></a>');
    $(this).remove();
  });
});

Hope that helps.

[flacnvinyl]

When we applied that code it removed all links. Nothing is clickable. Icon/title/description, nothing is a link.

[Paul R]

Hi,

Sorry, please change it to this.

jQuery(function($) {
  $('.x-feature-box-text a:last-child').each(function() {
    $(this).closest('.x-feature-box').find('.x-feature-box-graphic').wrap('<a class="my-link" href="' + $(this).attr('href') + '"></a>');
    $(this).closest('.x-feature-box').find('.x-feature-box-title').wrap('<a class="my-link" href="' + $(this).attr('href') + '"></a>');
    $(this).remove();
  });
});

Then add this in Custom > Edit Global CSS in the customizer

.my-link {
    display:table-cell;
}

Hope that helps.

[flacnvinyl]

PERFECT! Thank you!

[Joao]

Glad to hear it,

Joao

[flacnvinyl]

This reply has been marked as private.

[flacnvinyl]

This reply has been marked as private.

[Author]

Posts