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.246. Default name

Pic. 6.247. 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.

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

Learn more on how to manage fonts.

6.26.3. 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”.

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.

Sign in as the user with administrative privileges and open Control panel, then select Home path.
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.