Advertencia
  • JUser: :_load: No se ha podido cargar al usuario con 'ID': 187
Menu

Sponsors - logotypes

The Fest template contains a special structure for the sponsors logotypes.

First special place is located in the sponsors module position. There you can place a following structure:

<div class="gk-sponsors">
<h2>Sponsors</h2>
<div>
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#" class="active"><img src="/images/demo/sponsor2.png" alt="Sponsor #2"></a>
...
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #N"></a>
</div>
</div>

The logotypes will be animated on scroll:

The second place for the sponsors is the K2 article - you have to create a category using the "events" layout and then publish an article in it. The structure for the animated sponsors is easier:

<div class="gk-sponsors-wrap">
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#" class="active"><img src="/images/demo/sponsor2.png" alt="Sponsor #2"></a>
...
<a href="#" class="active"><img src="/images/demo/sponsor1.png" alt="Sponsor #N"></a>
</div>

The logotypes will be animated on the page load:

The CSS code responsible for the animation is placed in the css/gk.stuff.css file.

Last modified onDomingo, 12 Julio 2020 21:55

More in this category: « K2 Custom pages Page Break »

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.

back to top