[bluetroop2Participant]

Hello Team,

http://bluetroop.com/

This is my business web-site. Further down the home page I have a section for Our Services that has four feature boxes with animated graphics. Cornerstone wants me to add hyperlink text in order to get the user to the appropriate page, but I would like to apply the page hyperlink to the WHOLE feature box, primarily the bouncing circle graphics, as I feel the visitors would intuitively try to click on those.

How do I do this?
Thank you in advance.

[Rue NelModerator]

Hi There,

Thanks for writing in! To add the link to the circle graphics, please do the following:

#1] You will need to insert a link and its attributes of course.

#2] So that the link will not be visible to the naked eye, please insert the following custom css in the settings tab, Settings > Custom CSS

.x-feature-box-text a {
    opacity: 0;
    visibility: hidden;
}

#3] And finally, to make the icon into a link, go to the settings tab, Settings > Custom JS and insert the following custom js code

jQuery(document).ready(function($) {
  $('.x-feature-box').each(function() {
    var self = $(this),
        icon_href = self.find('.x-feature-box-text a:last-child').attr('href');
    if ( icon_href.length > 0) {
      $(self).find('.x-feature-box-graphic-inner > *').wrap(function() {
        return '<a href="' + icon_href + '" target="_blank"></a>';
      });
    }
  });
});

We would loved to know if this has work for you. Thank you.

[bluetroop2Participant]

Yes, it worked – http://bluetroop.com/

Had to change the Javascript to target=_self so it would not open a new window. The link text that was added needs to be modified to only one character (invisible) so as not to throw off the centered text appearance too much.

Maybe for future development on the the Feature Box element, add the capability to apply a hyperlink to both the animated graphic and a portion of the text (for example “Learn More” or “Click Here” so the user can choose which item to click on.

Thank you for your help.

[Rue NelModerator]

Hello There,

Glad it worked out for you. We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!

[Author]

Posts