1.22. How to change the look of your Web GIS

Note

This functionality is available only to nextgis.com Premium users for users with administrative privileges.

You can customize the look of your Web GIS, including logos, backgrounds, header and buttons colors.

1.22.1. Upload a logo

You can change the upper-left logo (present on all pages), you can’t change the Web map logo (lower right).

To upload a logo choose Custom logo on control panel (see item 1 in Pic. 7.5.) and in opened window upload a file in PNG format with height up to 45 px, width up to 200 px. Then press “Save”.

1.22.2. Customize design with CSS

You can modify the look of NextGIS Web using CSS.

From the main menu (see Pic. 7.5.) open the Control Panel (see Pic. 7.6.).

In the Control Panel (see Pic. 7.10.) select Custom CSS in the Settings section. Here you can enter your own CSS rules. They will be used throughout your Web GIS on all its pages.

1.22.3. Custom CSS examples

1.22.3.1. Change main Web GIS color

Affects header, symbols in the header, buttons, field contours, links highlighted on hover etc.

:root {
--primary: red
}

1.22.3.2. Change main font color

Affects menu, name and parameters of displayed resource group etc.

:root {
--text-base: #ff6600
}

1.22.3.3. Change additional font color

Affects paths for the displayed resource, parameters etc.

:root {
--text-secondary: rgb(40 200 40 / .8)
}