Shape 5

My HTML isn't very strong, when I tried to make clickable links I messed up the formatting. Using the HTML in the Accordion Menu & Icons section, how would I adjust the code so that the icons could be clickable? Thanks!

I needed to achieve something similar and used the following to make some of my ION icons clickable.

<a href="http://www.google.com" title="Click for more information"> <i class="info_pictures_icon ion-social-usd"> [/url]


This may help you?

Hello,

Yes, as batdan above pointed out you'll need a <a href=""> wrapped around the icon.

Thank you! It's working perfectly

I spoke a little too soon. My ION icons are linking just fine, but now I am finding that when I put the S5 Map extension below it, no matter where I click on the map, it links to the last link of my ION icons. How do I stop the text in the custom HTML module to affect the content below it?

Here is the HTML text I'm using:
<div class="icon_group">

<div class="icon_group_item" data-sr="move 16px scale up 20%, over 0.6s">
<div class="icon_group_icon">
<a href="index.php/i-m-a-parent" title="Click for more information">
<i class="ion-ios-home"></url>
</div>
<div style="overflow:hidden">
<span class="icon_group_title">I'm a Parent</span>
Learn how your child might receive help from the We Heart Deer Park event.
</div>
</div>

<div class="icon_group_item" data-sr="move 16px scale up 20%, over 0.6s, wait 0.2s">
<div class="icon_group_icon">
<a href="index.php/host-a-booth" title="Click for more information about hosting a booth.">
<i class="ion-ios-people"></url>
</div>
<div style="overflow:hidden">
<span class="icon_group_title">I'm a Business or Organization</span>
Sign up your organization to make a difference at this year's event!.
</div>
</div>

<div class="icon_group_item" data-sr="move 16px scale up 20%, over 0.6s, wait 0.4s">
<div class="icon_group_icon">
<a href="index.php/support-the-cause" title="Support a Student">
<i class="ion-ios-heart"></url>
</div>
<div style="overflow:hidden">
<span class="icon_group_title">Support a Student</span>
Help us reach our $3500 goal by providing a financial gift to support one or more students.
</div>
</div>

<div class="icon_group_item" data-sr="move 16px scale up 20%, over 0.6s, wait 0.6s">
<div class="icon_group_icon">
<a href="index.php/questions-page" title="Click for more information">
<i class="ion-information-circled"></url>
</div>
<div style="overflow:hidden">
<span class="icon_group_title">Find Out More Information</span>
I still have questions about the upcoming We Heart Deer Park event..
</div>
</div>
</div>

Hello,

You don't have a closing [/url] call on any of your links, that would need to be called after the element that is being linked, so for example it would go after this:

<i class="ion-information-circled"></url>

Hello,

Our forum software is formatting the code because it views it as an actual link. I have uploaded an example in a text file for you.

You're a life saver! Thanks again!