Author archives:

Schedule typography

The schedule is based on our custom HTML structure – it is a little bit more complex than other typography elements but it was necessary to create a proper HTML structure. We will describe the code based on the below example: As we can see the structure is based on the definition list (dl) with…

GK Speakers

GK Speakers is a simple widget which is used to display the speakers available in the content. Please use for this widget the special widget area – speakers: The configuration of the widget is really simple: You have to specify the category slug for the category with your speakers – the speaker article should contain…

GK Comments

GK Comments is a simple widget to display latest comments with user avatars: The configuration of the widget is really simple: As you can see, there are three important options: Avatar size – this option is used to specify the size of the avatars displayed under each comment. Word count – this option specifies the…

GK News Show Pro

GK News Show Pro is a complex and powerful widget used for displaying posts with thumbnails and additional content like title, text and additional information. The configuration of the widget contains a lot of useful options: Let’s start with describing the Data source section – this section contains all important options connected with selecting posts…

Speakers and event pages

The Fest theme contains a custom post type – Speakers. As you can see in the back-end, there is a special tab in the sidebar: Using this tab you can add new speakers. Please remember few important facts: 1) The speakers category layout: is strictly connected with the category view override based on the following…

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…

Header animation

The header animation is based on our simple CSS animation engine, which uses a simple JavaScript code Our simple animation engine is based on the data-* attributes. For creating animation please creata a container with class gk-animation and put elements inside it. We recommend to style these elements in the css/extensions.css file. You have to…

Single post

Nullam non neque at libero convallis lacinia. Suspendisse malesuada feugiat rhoncus. Fusce id mi sit amet dui aliquam aliquet ac a nulla. Pellentesque egestas vulputate tempor. Morbi tristique, risus vitae pellentesque volutpat, neque risus auctor tellus, quis sagittis quam. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu…

Single post

Nullam non neque at libero convallis lacinia. Suspendisse malesuada feugiat rhoncus. Fusce id mi sit amet dui aliquam aliquet ac a nulla. Pellentesque egestas vulputate tempor. Morbi tristique, risus vitae pellentesque volutpat, neque risus auctor tellus, quis sagittis quam. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu…

Single post

Nullam non neque at libero convallis lacinia. Suspendisse malesuada feugiat rhoncus. Fusce id mi sit amet dui aliquam aliquet ac a nulla. Pellentesque egestas vulputate tempor. Morbi tristique, risus vitae pellentesque volutpat, neque risus auctor tellus, quis sagittis quam. Cras mattis consectetur purus sit amet fermentum. Nullam quis risus eget urna mollis ornare vel eu…