John S

Last Updated:
Category:
Configuration

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

Theme Settings

IMPORTANT! Remember that you can import/export the theme settings using the import/export page.

File with exported settings for the John Theme is available here.

  1. Advanced
  2. Back-end Branding
  3. Basic
  4. Fonts
  5. Layout
  6. Navigation
  7. Pages
  8. Seo
  9. Shortcodes
  10. Socialapi
  11. Theme Branding

Fonts configuration

Body
Main font used in the theme
Type: Google Web Fonts
Value:
http://fonts.googleapis.com/css?family=Ubuntu:400,500,700
Selectors:
h1,h2,h3,h4,h5,h6,
#gk-top .menu > li > a,
#aside-menu li a,
.box.menu,
.breadcrumbs > ul > li,
.gk-big-btn,
body button, 
.button,
.readon,
input[type=\"button\"],
input[type=\"submit\"],
article header .date,
.gk-tabs-wrap > ol,
.gk-price-table dd.gk-price,
.gk-price-table dd a,
.gk-header1,
.gk-header2,
.gk-header3,
.gk-portfolio-categories li,
.gk-contact-form address,

.gkNspPM-Portfolio2,
.gkTabsWrap ol li,
.gkSectionNav

Headers
Font used for the headers
Type: Standard fonts
Value:
Arial, Helvetica, sans-serif
Selectors:
body,
html, 
body input, 
body select, 
body textarea,
#gk-logo.textLogo,
#gk-logo-small.textLogo

Others
Font used in the other theme elements
This font group isn't used.

Available Widget Areas

Widget areas available in the theme.

Available Widget Styles

Widget styles available in the theme.

Used GavickPro Widgets

The John theme contains three built-in widgets which can be used for generating content on your website:

Widget settings

Below you can find list of the Widget Areas available in the John theme which contains widgets in the demo content configuration:

  1. Bottom I widgets
    • Widget title:
      !Didn't you know?!
      Widget area:
      Bottom I widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,homepage
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      bigtitle icon-color2 dark-bg
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Bottom I
      Widget area:
      Bottom I widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Bottom II
      Widget area:
      Bottom I widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Bottom III
      Widget area:
      Bottom I widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
  2. Bottom II widgets
    • Widget title:
      !I do love my clients
      Widget area:
      Bottom II widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,homepage
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      bigtitle icon-color1
      Configuration screenshots:
      Widget Text content: view HTML code
  3. Bottom III widgets
    • Widget title:
      Style "Dark Background"
      Widget area:
      Bottom III widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Dark background
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      My[icon-pencil][br]Cozy[br]Blog
      Widget area:
      Bottom III widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,homepage,page:1415
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      big-nav bigtitle icon-color2 title-right color-bg overlay-1x1
      Configuration screenshots:
      GK Nsp
  4. Bottom IV widgets
    • Widget title:
      My[icon-star][br]loyal[br]team
      Widget area:
      Bottom IV widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,homepage
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      bigtitle icon-color2
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Style "Color Background"
      Widget area:
      Bottom IV widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Color background
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
  5. Bottom V widgets
    • Widget title:
      Bottom I
      Widget area:
      Bottom V widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Bottom II
      Widget area:
      Bottom V widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Bottom III
      Widget area:
      Bottom V widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Don't[br]hesitate to[br]contact[br]me[icon-mail]
      Widget area:
      Bottom V widgets
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,homepage
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      bigtitle title-left icon-color4
      Configuration screenshots:
      Widget Text content: view HTML code
  6. Bottom VI widgets
  7. GK Tabs I
    • Widget title:
      Latest
      Widget area:
      GK Tabs I
      Widget visible at:
      All pages
      Widget visibility settings:
      -
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      GK Nsp
    • Widget title:
      Comments
      Widget area:
      GK Tabs I
      Widget visible at:
      All pages
      Widget visibility settings:
      -
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget GK Comments
  8. GK Tabs II
  9. GK Tabs III
  10. Header
    • Widget title:
      !Header I
      Widget area:
      Header
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,homepage
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
  11. Mainbody
    • Widget title:
      Check[br]out my[br]hot[icon-flame][br]works
      Widget area:
      Mainbody
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,homepage,page:1415
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Custom CSS class
      Widget CSS class:
      bigtitle icon-color1 title-right overlay-2x2
      Configuration screenshots:
      GK Nsp
  12. Mainbody Bottom
    • Widget title:
      GK News Show Pro
      Widget area:
      Mainbody Bottom
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      GK Nsp
    • Widget title:
      Suffix ''big-title'' with icons [icon-heart]
      Widget area:
      Mainbody Bottom
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Big title
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
  13. Mainbody Top
  14. Sidebar
    • Widget title:
      About The Blog
      Widget area:
      Sidebar
      Widget visible at:
      All pages except:
      Widget visibility settings:
      ,homepage
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Categories
      Widget area:
      Sidebar
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,post:
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Menu
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Categories
    • Widget title:
      Style "Advertisement"
      Widget area:
      Sidebar
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Advertisement
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      -
      Widget area:
      Sidebar
      Widget visible at:
      All pages except:
      Widget visibility settings:
      ,homepage,page:1415
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      GK Tabs
    • Widget title:
      Style "dark"
      Widget area:
      Sidebar
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Dark
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Style "color"
      Widget area:
      Sidebar
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Color
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Style "light"
      Widget area:
      Sidebar
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Light
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      -
      Widget area:
      Sidebar
      Widget visible at:
      All pages except:
      Widget visibility settings:
      ,homepage,page:1415,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Unified style
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Tag Cloud
    • Widget title:
      Style
      Widget area:
      Sidebar
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      Menu
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Nav Menu
  15. Top widgets I
    • Widget title:
      Top I
      Widget area:
      Top widgets I
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Top II
      Widget area:
      Top widgets I
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
    • Widget title:
      Top III
      Widget area:
      Top widgets I
      Widget visible at:
      No pages except:
      Widget visibility settings:
      ,page:widget-styles
      Widget visible on:
      All devices
      Widget visible for:
      All users
      Widget style:
      None
      Widget CSS class:
      -
      Configuration screenshots:
      Widget Text content: view HTML code
  16. Top widgets II
John S 3.135 (62.50%) 8 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.