MSocial

This article contains the configuration details for the MSocial 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 MSocial 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:

Raleway

Value - URL:

http://fonts.googleapis.com/css?family=Raleway:300,400,500

Selectors:

.bigtitle .header,
h1,h2,h3,h4,h5,h6,
.gkMenu ul li,
#gkUserArea,
#gkSearch, 
.gkTabsWrap ol li,
#gkLogo.text,
#gkFooter,
button, .button, .readon, .button.inverse:active, .button.inverse:focus, .button.inverse:hover, input.button, span.button, button.button, div.button, .readmore a, input[type="submit"], input[type="button"], .gkPriceTable dd a, article header > time,
.gkPriceTable dt,
section > header div p,
.big-btn,
.gkAuthor,
#community-wrap h1, #community-wrap h2, #community-wrap h3, #community-wrap h4, #community-wrap h5, #community-wrap h6,
#community-wrap .cFilter .filters li, #community-wrap .app-box-footer, .box .app-box-footer ,
.gkJSFeed .gkUsername,
.cGuest .hero-area h1 + p,
#gkMenuOverlayContent .gkcol li a,
#community-wrap .cStream-Author,
#community-wrap .cSubmenu li a,
#community-wrap .js-focus-menu a

---

Headers

Type: Standard fonts

Value:

Arial, Helvetica, sans-serif

Selectors:

body,
html, 
body button, 
body input, 
body select, 
body textarea

---

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

1. JomSocial - bottom1
   • Module details Module configuration
2. JomSocial - bottom4
   • Module details Module configuration
3. JomSocial - grid1

   • Module title:

     G+ Icon

     Module position:

     grid1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     FB Icon

     Module position:

     grid1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Twitter Icon

     Module position:

     grid1

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • 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 details Module configuration
   • Module details Module configuration
4. bannertop

   • Module title:

     Banner

     Module position:

     bannertop

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

5. bottom1

   • 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:

     Take a look at who has __just Joined__

     Module position:

     bottom1

     Module suffix:

     mediumtitle2 separator-top

     Configuration screenshots:

     Module details Module configuration content: view HTML code

6. bottom2

   • Module title:

     Suffix "mediumtitle"__With suffix "color"__

     Module position:

     bottom2

     Module suffix:

     mediumtitle color

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Come and join our community. __Expand your network and get to know new people!__

     Module position:

     bottom2

     Module suffix:

     color mediumtitle centered

     Configuration screenshots:

     Module details Module configuration content: view HTML code

7. bottom3

   • Module title:

     Suffix "greybg"

     Module position:

     bottom3

     Module suffix:

     greybg bigspaces

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Testimonials

     Module position:

     bottom3

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

8. bottom4

   • Module title:

     Suffix "centered"__With the "mediumtitle" suffix__

     Module position:

     bottom4

     Module suffix:

     centered mediumtitle

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Suffix "whitetitle"__With the "centered" suffix__

     Module position:

     bottom4

     Module suffix:

     centered whitetitle

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Frontpage bottom links

     Module position:

     bottom4

     Module suffix:

     double

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Latest Pictures

     Module position:

     bottom4

     Module suffix:

     whitetitle

     Configuration screenshots:

     Module details Module configuration content: view HTML code

9. footer_nav

   • Module title:

     Footer menu

     Module position:

     footer_nav

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration

10. grid1

    • Module title:

      G+ Icon

      Module position:

      grid1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      FB Icon

      Module position:

      grid1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Twitter Icon

      Module position:

      grid1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Grid1 - I

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - II

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - III

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - IV

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - V

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - VI

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - VII

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - VIII

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - IX

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid1 - X

      Module position:

      grid1

      Module suffix:

      gkPhoto

      Configuration screenshots:

      Module details Module configuration

11. grid2

    • Module title:

      Header2 - I

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - II

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - III

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - IV

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - V

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - VI

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - VII

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - VIII

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - X

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - IX

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - XI

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - XII

      Module position:

      grid2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

12. grid3

    • Module title:

      Header3 I

      Module position:

      grid3

      Module suffix:

      gkVideo

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 II

      Module position:

      grid3

      Module suffix:

      gkText

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 III

      Module position:

      grid3

      Module suffix:

      gkText gkColor2

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 IV

      Module position:

      grid3

      Module suffix:

      gkText gkColor1

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 V

      Module position:

      grid3

      Module suffix:

      gkText gkColor4

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 VI

      Module position:

      grid3

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 VII

      Module position:

      grid3

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 VIII

      Module position:

      grid3

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 IX

      Module position:

      grid3

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 X

      Module position:

      grid3

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Header3 XI

      Module position:

      grid3

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

13. grid4

    • Module title:

      Header4 - I

      Module position:

      grid4

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header2 - II

      Module position:

      grid4

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header4 - III

      Module position:

      grid4

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Header4 - IV

      Module position:

      grid4

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

14. header

    • Module title:

      Grid GK5

      Module position:

      header

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid GK5 - configuration I

      Module position:

      header

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid GK5 - configuration II

      Module position:

      header

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Grid GK5 - configuration III

      Module position:

      header

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

15. header_bottom

    • Module title:

      Top I

      Module position:

      header_bottom

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Top II

      Module position:

      header_bottom

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Top III

      Module position:

      header_bottom

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Discover__New Adventures__

      Module position:

      header_bottom

      Module suffix:

      bigtitle headlines

      Configuration screenshots:

      Module details Module configuration

16. login

    • Module title:

      Login

      Module position:

      login

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

17. mainbody_bottom

    • 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"__With second line__

      Module position:

      mainbody_bottom

      Module suffix:

      bigtitle

      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

18. sidebar

    • 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

    • Module title:

      Search

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Tabs GK5

      Module position:

      sidebar

      Module suffix:

      clear

      Configuration screenshots:

      Module details Module configuration

19. tab2

    • Module title:

      Comments

      Module position:

      tab2

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

20. top1

    • 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

21. usermenu

    • Module title:

      User area

      Module position:

      usermenu

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration