ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• December 31, 2013 at 1:43 am #39654
  jwferne

  Member

  Post count: 12

  I was wondering how I can make the animated icon box into clickable link. It seems like this should be an easy thing to do, but I’m having a hard time finding where I could make that kind of adjustment. I’d suggest adding this as a feature, but I need to sort a quick workaround answer ASAP before my site goes live.

  Thanks for the help!
  – John

  December 31, 2013 at 10:46 am #39694
  Tahir – SUPPORT

  Member

  Post count: 1212

  Hi,
  You can simply wrap an anchor tag around the icon like this in the ‘Text Editor’

  <a href='http://yourwebsite.com'>[sf_iconbox image="" character="" type="standard" title="" animation="none" animation_delay="200"]
  Enter your Icon Box content here
  [/sf_iconbox]</a>

  All the Best

  -Tahir

  December 31, 2013 at 7:37 pm #39732
  jwferne

  Member

  Post count: 12

  Thanks Tahir. I appreciate it.

  January 1, 2014 at 4:06 am #39747
  jwferne

  Member

  Post count: 12

  I tried this method and all that happened was the text inside of the icon box was linkable. Why this isn’t good is because it inversed the text and blended into the ALT color of the box. I really want to make the icon box itself linkable. Is there any other method or way I can adjust the css?

  January 2, 2014 at 7:56 pm #39907
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @jwferne,

  Unfortunately it isn’t as simple as that, because of the element’s build. You could make the content clickable though (the text when the icon box spins round). If you want to do that, drop us a link with it on your site and we can help with some css for the text colour.

  – Ed

• Back to forum

  Posted in: Dante