Docs

[emarioc]

Hi No My Test Site is http://CiprianoUSA.com – check the Services section… not link there – was trying alternatives but really want the features box!

[Rad]

Hi guys,

Before we continue, I just like to differentiate the code mentioned on this thread.

The code mentioned at #647252 is correct and there is no typo, it’s meant for feature box that uses icons. While the code mentioned at #686519 is correct too, but for images. But we can’t treat them all as images automatically by custom coding, so please choose which one fits and enhance it to your liking.

@Emarioc, your feature box icon linking works, but you didn’t add proper links. It’s just linking to #, please add proper link and it should work.

Thanks!

[Dagaloni]

Thanks! The script works for me 😀

[Lely]

Hi Dagaloni,

Thank you for letting us know that it works for you.

Cheers!
X

[Michael Burton, CFP®]

The javascript code worked like a charm for me. One thing novice users like me need to realize is that the link text still shows up in the Cornerstone Editor preview window. But if you open up a different browser (e.g. firefox if you’re editing in Chrome), then you can see/test right away that the link text is gone and the image is the link.

Thanks again to the amazing ThemeCo support staff. You all rock!

[Christian]

You’re welcome. Glad we could help. 🙂

[suzannereid]

I think i followed all the directions correctly (I added the code from comment #686519). and put text in the text section and a link in the href section but it still does not link. Any suggestions?

http://easttexasorthodontics.com/new-patients/

[Zeshan]

Hi there @suzannereid,

Thanks for writing in!

Please try this code instead:

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();
  });
});

Hope this helps. 🙂

Thank you!

[suzannereid]

Hm..that seemed to put the text back and not link the photo. :/

[Paul R]

Hi,

Upon checking, I can see the following error in the console.

http://screencast.com/t/J0QqxmASHH

Kindly copy and paste the code as it is.

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();
  });
});

Thanks

[suzannereid]

Awesome! that worked perfectly. Thank you!!

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Apricitymedia]

Hi, just tried using this script and it does not work, i put the link in the HREF and Link text box and nothing becomes a link, it just makes the link text not appear. Any ideas?

My site is http://apricitymedia.co.uk and the feature box I am currently trying is the one labelled branding design.

[Joao]

Hi There,

Upon Checking your website the Icon is clickable and linking, would you mind providing more details about the issue?

Also if you are not experiencing the same, please clean the cache of your Browser and test it again.

Thanks

Joao

[bfbixfix]

Hi,

this code works for me, too, but although the open in new window option is checked (on), the links doesn’t open in a new tab like it’s supposed to…can you help?

thanks!

[Author]

Posts