2 Start Configuring - MM v4.10.0

Open the MP2 → style_overwrites → variables.less file described in the previous chapter and start configuring the Media Manager.

Specify the colors to be updated, one per line, following the pattern: @color-variable-name: desired_color;

Example:

@header-background-color: #2c2c2c;

@header-background-color: #ffffff;

A list of all variables names available can be found in Chapter 3.

2.1 Font Family

The default primary font can be changed by setting the @primary-font-name to the family name of the desired font.

Example: @primary-font-name: 'Comic Sans', arial, sans-serif;

If the font needs to be loaded from an external source (like Google Fonts), the import statement and the set of the @primary-font-name should be the first entries in the file.

Example:

@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

@primary-font-name: 'Comic Sans', arial, sans-serif;

@header-background-color: #2c2c2c;

Note: When loading an external font face, it is recommended to include in the @primary-font-name a list of fallback fonts that can be used in case the desired one is not accessible.

Note: If the application will run over HTTPS, the URL for the external font resource must also be using HTTPS, otherwise the browser will block it for security reasons.