Help is on the way!

Browse our Documentation, Search the Knowledge Base, Still need help? Send us a support ticket.

User25 - JoomlaXTC HTML Module





In the User25 position use our JoomlaXTC HTML Module to display the Our Gallery circle and text. Use the following mark up for the Module HTML.


HTML


<center><a href="/component/content/article/1-stock-images?Itemid=1478"><div data-sr='reset wait 0.2s scale up 60%'><div class="circle">
  <div class="circle__inner">
    <div class="circle__wrapper">
      <div class="circle__content">VIEW OUR GALLERY<br><br>
<i class="fa fa-angle-down ibounce" style="font-size:46px;"></i>
    </div>
  </div>
</div>
</div>
</a>
</center>


Understanding the mark up:

In the HTMLwe are linking to a Joomla article usng our JoomlaXTC Image Gallery Plugin to display a gallery of images.

To create the animations we use scrollreveal.js markup. The scroll to reveal markup uses straightforward and easy to understand data-sr classes. For more information on the scroll to reveal markup, please view the examples: Scroll Reveal Keywords

NOTE: Make sure if you are using a WYSIWYG editor that you have HTML Stripping off or you may lose the HTML markup when saving

For more information on configuring the HTML Module visit the full documentation HERE



Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET