1.40. 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.40.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. 6.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.40.2. Customize design with CSS
You can modify the look of NextGIS Web using CSS.
From the main menu (see Pic. 6.5.) open the Control Panel (see Pic. 6.6.).
In the Control Panel (see Pic. 6.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.40.3. Custom CSS examples
1.40.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.40.3.2. Change main font color
Affects menu, name and parameters of displayed resource group etc.
:root {
--text-base: #ff6600
}
1.40.3.3. Change additional font color
Affects paths for the displayed resource, parameters etc.
:root {
--text-secondary: rgb(40 200 40 / .8)
}