christmas sale
40%
discount for lifetime!
See plans down arrow

Create Custom Style

Create your own lagom style

There is a special developer-friendly system of creating your own styles introduced on the Lagom theme. Follow the below steps and enjoy your personal Lagom style.

Create New Style

Prepare the files

  1. Copy the catalogue of an existing style which you are going to modify, you will find it here: templates/lagom/core/style/ Name it as you wish, but do not use any special characters or leave free spaces.

  2. Open the style.php file, located in templates/lagom/core/style/newstyle Change the name key value to you own name.
    Screen

  3. Since that moment, your style will be available at the theme manager and the theme switcher.

  4. Paste your styles sheets into templates/lagom/core/style/newstyle/assets/css file and add them into the style.php file located at templates/lagom/core/style/newstyle directory
    Screen

TIP

To fully assure that the theme will work correctly, never delete or modify the theme.min.css style in any way. Override its rules with an additional css file.

Variables at the style.php file

Screen

  1. Name - name of the style
  2. Version - the style current version number
  3. Preview - path to the theme thumbnail visible at the theme manager and the theme switcher tools
  4. Files - paths to the css files
  5. Variables - extra variables used in the theme
  • topMenuOnDarkBg, leftMenuOnLightBg - additional theme variables that indicate which logo defined in the theme manager should be used. At the default styles the top menu is on a light background - a full logo on a light background will be displayed. Left side menu is placed on a dark background - a square logo on a dark background will be displayed.

Screen

WARNING

Removing any of the table elements may lead to numerous errors and interrupt fluent management of the theme or completely unable its usage.