GavickPro Documentation

John S

admin

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
    • 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
    • GK Tabs II
      • GK Tabs III
        • 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
        • 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
        • 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
        • Mainbody Top
          • 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
          • 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
          • Top widgets II
            John S 3.135 (62.50%) 8 votes