6.26. Design customization

The look of your Web GIS can be modified. You can customize logos, title, fonts, colors of the header, background, buttons and other elements.

Note

These settings can only be changed by an administrator. Apart from changing the Web GIS name and fonts, other design settings are only available on the Premium subscription plan.

6.26.1. Web GIS name

It’s the title displayed next to the logo on the top bar of the page. By default it’s the same as the Web GIS URL, but it can be changed.

../../_images/webgis_name_default_en.png

Pic. 6.249. Default name

../../_images/webgis_name_custom_en.png

Pic. 6.250. Custom name

6.26.2. Font management

To open the font management page, go to the Main menu, open the Control panel and in the Settings section select “Font management”.

On this page you can view the list of system and custom fonts, upload or delete custom fonts.

../../_images/font_manag_en.png

Pic. 6.251. Font management page. System fonts are shown. A custom font is selected.

Learn more on how to manage fonts.

6.26.4. Customize the 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.

6.26.5. Custom CSS examples

6.26.5.1. Change main Web GIS color

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

:root {
--primary: red
}

6.26.5.2. Change main font color

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

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

6.26.5.3. Change additional font color

Affects paths for the displayed resource, parameters etc.

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

6.26.6. How to change the homepage address

By default the starting page of your Web GIS is the main resource page (/resource/0). You can change which page will be opened first. If this is a Web map, it might look like this: /resource/644/display.

  1. Sign in as the user with administrative privileges and open Control panel, then select Home path.

  2. Enter path to the resource page that should be opened first when you Web GIS is accessed.

After making this setting visiting http://yourwebgis.nextgis.com will open not the main resource contents page, but the page you’ve set up. To access main resource content page after this setting you will need to go directly to: http://yourwebgis.nextgis.com/resource/0.