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…

Typography

GavernWP allows to access a lot of additional typography elements created with Shortcodes use. The use is very simple thanks to an additional button in a posts editor. Below, there are all elements available in theme’s typography. Typography elements can be divided into three main groups: typography elements, interactive elements, elements prepared especially for a…