Log In

Custom HTML Elements

Custom HTML Elements

Pin it

Columns

columns_screnshot

 

Columns needs main wrapper with gk-columns class and data-column-count attribute:

<div class="gk-columns" data-column-count="2">
<div>
First column content
</div>
<div>
Second column content
</div>
</div>

You can create a layout with 2-5 columns using this structure.

Social Icons

Social icons are a first element which can be used in the topbar.

gk_social_icons

The structure of social icons is following:

<div class="gk-social">
<a href="#" class="gk-twitter">twitter.com/game</a>
<a href="#" class="gk-facebook">facebook.com/game</a>
<a href="#" class="gk-youtube">youtube.com/game</a>
<a href="#" class="gk-gplus">plus.google.com/+game</a>
</div>

Banners

banner

If you want to create a banner inside the inset column, please use the following syntax:

<a href="#" class="gk-banner"><img src="http://invisioncommunity.co.uk/wp-content/themes/Game/images/demo/banner_inset.jpg" alt="Banner"></a>

Page Title

The page title element is created from the page title, category name or custom name.

page_title_screen

 

If you want to disable the this feature, you can do it with Template Options -> Features -> “” option.

Log In or Create an account