Music State

Last Updated:

June 2nd, 2015

Category:

Configuration

This article contains the configuration details for the Music State 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.

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:

body,
html, 
body button, 
body input, 
body select, 
body textarea,
h1,h2,h3,h4,h5,h6

Headers - selectors

This font group isn't used.

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

1. bannertop

   • Module title:

     Banner

     Module position:

     bannertop

     Module suffix:

     -

     Configuration screenshots:

     Module details Module configuration content: view HTML code

2. 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:

     Bottom1 Header

     Module position:

     bottom1

     Module suffix:

     white normal-width

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists Grid

     Module position:

     bottom1

     Module suffix:

     normal-width no-loader

     Configuration screenshots:

     Module details Module configuration

3. bottom2

   • Module title:

     News

     Module position:

     bottom2

     Module suffix:

     grid-border bigtitle-left no-loader

     Configuration screenshots:

     Module details Module configuration

4. bottom3

   • Module title:

     Newsletter

     Module position:

     bottom3

     Module suffix:

     bigtitle newsletter normal-width

     Configuration screenshots:

     Module details Module configuration content: view HTML code

5. bottom4

   • Module title:

     Top Users

     Module position:

     bottom4

     Module suffix:

     bigtitle normal-width

     Configuration screenshots:

     Module details Module configuration content: view HTML code

6. bottom5

   • Module title:

     There are many variations of[br]passages Lorem Ipsum available

     Module position:

     bottom5

     Module suffix:

     bigtitle negativemargin

     Configuration screenshots:

     Module details Module configuration content: view HTML code

7. grid1

   • Module title:

     Best Albums Grid Module I

     Module position:

     grid1

     Module suffix:

     grid-left-img

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Best Albums Grid Module II

     Module position:

     grid1

     Module suffix:

     grid-left-img

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Best Albums Grid Module III

     Module position:

     grid1

     Module suffix:

     grid-left-img

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Best Albums Grid Module IV

     Module position:

     grid1

     Module suffix:

     grid-right-img

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Best Albums Grid Module V

     Module position:

     grid1

     Module suffix:

     grid-right-img

     Configuration screenshots:

     Module details Module configuration

   • Module title:

     Best Albums Grid Module VI

     Module position:

     grid1

     Module suffix:

     grid-right-img

     Configuration screenshots:

     Module details Module configuration

8. grid2

   • Module title:

     Featured Artists - User I

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User IV

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User III

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User II

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User V

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User VI

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User VII

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User VIII

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User IX

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User X

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User XI

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

   • Module title:

     Featured Artists - User XII

     Module position:

     grid2

     Module suffix:

     gkPhoto

     Configuration screenshots:

     Module details Module configuration content: view HTML code

9. grid2 (JomSocial)
   • 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
   • Module details Module configuration
   • Module details Module configuration
10. grid3

    • Module title:

      News Grid Module I

      Module position:

      grid3

      Module suffix:

      grid-big-img

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      News Grid Module II

      Module position:

      grid3

      Module suffix:

      grid-left-img grid-big-title

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      News Grid Module III

      Module position:

      grid3

      Module suffix:

      grid-right-img grid-big-title

      Configuration screenshots:

      Module details Module configuration

11. header

    • Module title:

      Image Show GK4

      Module position:

      header

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

12. login

    • Module title:

      Login

      Module position:

      login

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

13. mainbody

    • Module title:

      Best Albums

      Module position:

      mainbody

      Module suffix:

      bigtitle grid-border

      Configuration screenshots:

      Module details Module configuration

14. mainbody_bottom

    • Module title:

      Suffix " advertisement"

      Module position:

      mainbody_bottom

      Module suffix:

      advertisement

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      "bigtitle" suffix__with subtitle in 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

15. sidebar

    • Module title:

      Banner module

      Module position:

      sidebar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

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

      Blog 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

16. 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

    • Module title:

      Money-Back Guarantee

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

    • Module title:

      Recently Added Articles

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

    • Module title:

      Popular Articles

      Module position:

      top1

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

17. topbar

    • Module title:

      Banner topbar

      Module position:

      topbar

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration content: view HTML code

18. usermenu

    • Module title:

      User area

      Module position:

      usermenu

      Module suffix:

      -

      Configuration screenshots:

      Module details Module configuration

This article was first published November 2nd, 2013