Creativity

Last Updated:

May 23rd, 2015

Category:

Configuration

This article contains the configuration details for the Creativity template. Using these information you can configure your template when you cannot use the Quickstart package. Please remember that some details like the template settings can be imported directly as the JSON file, what is faster than the manual configuration.

Template Settings

IMPORTANT! Remember that you can import/export the template settings using the configuration manager.

File with exported settings for the Creativity template is available here.

1. Advanced
2. Basic
3. Cookielaw
4. Features
5. Fonts
6. Layout
7. Menu
8. Socialapi

Fonts configuration

Body

Type: Google Web Fonts

Value - font-family:

Open Sans

Value - URL:

http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700

Selectors:

body,
html, 
body button, 
body input, 
body select, 
body textarea,
.bigtitle .header,
h1,h2,h3,h4,h5,h6,
.gkMenu ul li, 
.box.menu,
.gkTabsWrap ol li

Headers

Type: Standard fonts

Value:

Arial, Helvetica, sans-serif

Selectors:

#gkLogo.text,
.gkIsWrapper-gk_creativity .figcaption h2

Other I - selectors

This font group isn't used.

Other II - selectors

This font group isn't used.

Available Module Positions

Module positions available in the template.

Available Module Variations

Module variations available in the template.

Module settings

Below you can find list of the module positions available in the Creativity template which contains modules in the demo content configuration:

1. bannertop
   • Module details Module configuration content: view HTML code

   • Module title:

     Banner

     Module position:

     bannertop

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

2. bottom1
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code

   • Module title:

     Bottom I

     Module position:

     bottom1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Bottom II

     Module position:

     bottom1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Bottom III

     Module position:

     bottom1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Contact __Get in touch with us__

     Module position:

     bottom1

     Module suffix:

     bigtitle greybg

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Testimonials

     Module position:

     bottom1

     Module suffix:

     mediumspaces

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     About __Meet our talented team. We craft functional, modern websites for you.__

     Module position:

     bottom1

     Module suffix:

     bigtitle greybg

     Configuration screenshots:

     Module details Module configuration content: view HTML code

3. bottom2
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code

   • Module title:

     Bottom I

     Module position:

     bottom2

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Bottom II

     Module position:

     bottom2

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Bottom III

     Module position:

     bottom2

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Let's work together __Got an interesting project and would like to work on it with us?__

     Module position:

     bottom2

     Module suffix:

     mediumtitle clear

     Configuration screenshots:

     Module details Module configuration content: view HTML code

4. bottom3
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code
   • Module details Module configuration content: view HTML code

   • Module title:

     Music & More

     Module position:

     bottom3

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     People

     Module position:

     bottom3

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Promote your band

     Module position:

     bottom3

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Explore

     Module position:

     bottom3

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Info

     Module position:

     bottom3

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

5. breadcrumb
   • Module details Module configuration

   • Module title:

     Breadcrumbs

     Module position:

     breadcrumb

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

6. footer_nav
   • Module details Module configuration

   • Module title:

     Footer menu

     Module position:

     footer_nav

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

7. header
   • Module details Module configuration

   • Module title:

     What we do __We create ideas with passion! See our current works__

     Module position:

     header

     Module suffix:

     bigtitle

     Configuration screenshots:

     Module details Module configuration

8. intro
   • Module details Module configuration
   • Module details Module configuration
   • Module details Module configuration
   • Module details Module configuration
   • Module details Module configuration
   • Module details Module configuration
   • Module details Module configuration
   • Module details Module configuration

   • Module title:

     Intro

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Frontpage version

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Different animation for each slide

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Different buttons

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Icon as the title

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Icons in the content

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     More complex animations

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Static title

     Module position:

     intro

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

9. login
   • Module details Module configuration

   • Module title:

     Login

     Module position:

     login

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

10. mainbody
    • Module details Module configuration content: view HTML code

    • Module title:

      Mainbody quote

      Module position:

      mainbody

      Module suffix:

      mediumspaces

      Configuration screenshots:

      Module details Module configuration content: view HTML code

11. mainbody_bottom
    • Module details Module configuration
    • Module details Module configuration content: view HTML code
    • Module details Module configuration content: view HTML code
    • Module details Module configuration content: view HTML code

    • Module title:

      Suffix " colortitle"

      Module position:

      mainbody_bottom

      Module suffix:

      colortitle

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Suffix "bigtitle" __Use double underscores to achieve the small text__

      Module position:

      mainbody_bottom

      Module suffix:

      bigtitle

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Suffix "mediumtitle" __Use double underscores to achieve the small text__

      Module position:

      mainbody_bottom

      Module suffix:

      mediumtitle

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      NSP GK5

      Module position:

      mainbody_bottom

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

12. search
    • Module details Module configuration

    • Module title:

      Search

      Module position:

      search

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

13. sidebar
    • Module details Module configuration
    • Module details Module configuration content: view HTML code
    • Module details Module configuration
    • Module details Module configuration content: view HTML code
    • Module details Module configuration content: view HTML code
    • Module details Module configuration content: view HTML code
    • Module details Module configuration
    • Module details Module configuration
    • Module details Module configuration

    • Module title:

      Banner module

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Suffix " advertisement"

      Module position:

      sidebar

      Module suffix:

      advertisement

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Suffix " dark"

      Module position:

      sidebar

      Module suffix:

      dark

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Suffix " light"

      Module position:

      sidebar

      Module suffix:

      light

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Suffix " color"

      Module position:

      sidebar

      Module suffix:

      color

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Categories

      Module position:

      sidebar

      Module suffix:

      menu

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Tag Cloud

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Archives

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Menu

      Module position:

      sidebar

      Module suffix:

      menu

      Configuration screenshots:

      Module details Module configuration

14. social
    • Module details Module configuration content: view HTML code

    • Module title:

      Social icons

      Module position:

      social

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

15. tab2
    • Module details Module configuration

    • Module title:

      Comments

      Module position:

      tab2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

16. top1
    • Module details Module configuration content: view HTML code
    • Module details Module configuration content: view HTML code
    • Module details Module configuration content: view HTML code

    • Module title:

      Top I

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Top II

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Top III

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

17. usermenu
    • Module details Module configuration

    • Module title:

      User area

      Module position:

      usermenu

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

This article was first published July 20th, 2013