Sponsors logotypes

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

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

<div class="gk-sponsors">
<h2>Sponsors</h2>
<div>
<a href="#"><img src="images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#"><img src="images/demo/sponsor2.png" alt="Sponsor #2"></a>
...
<a href="#"><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 Sponsors post – you have to create a page using the “event page” layout and then publish it. The structure for the animated sponsors is easier:

<div class="gk-sponsors-wrap">
<a href="#"><img src="images/demo/sponsor1.png" alt="Sponsor #1"></a>
<a href="#"><img src="images/demo/sponsor2.png" alt="Sponsor #2"></a>
...
<a href="#"><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/extensions.css file.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
CAPTCHA Image

*