John S

Last Updated:

This article contains the configuration details for the John S 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 John template is available here.

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

Fonts configuration

Type: Google Web Fonts
Value - font-family:
Value - URL:,500,700
.gkMenu ul li,,
.breadcrumbs > ul > li,
body button, 
.gkPriceTable dd.gkPrice,
.gkContactForm address,
.gkTabsWrap ol li,

Type: Standard fonts
Arial, Helvetica, sans-serif
body input, 
body select, 
body textarea,
#gkMainMenu .gkMenu > ul li div.childcontent a

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 John template which contains modules in the demo content configuration:

  1. bannertop
  2. bottom1
  3. bottom2
  4. bottom3
  5. bottom4
  6. bottom5
  7. footer_nav
  8. header
  9. login
  10. mainbody
    • Module title:
      Check[br]out my[br]hot[icon-flame][br]works
      Module position:
      Module suffix:
      big-title icon-color1 title-right overlay-2x2
      Configuration screenshots:
      Module details Module configuration
  11. mainbody_bottom
  12. sidebar
  13. tab1
  14. tab2
  15. top1
John S 4.095 (81.82%) 11 votes

This article was first published

Villa Belluci - View our NEW theme

Tutorials & tips delivered regularly

Expand your purchase with regular tutorials and tips to making your site better, direct to your email.