10min

User Interface Style

Overview

This section covers how to change the User Interface style, this is displayed to end users. User Interface Styles affect the Store Locator and Directions Box, some styles also affect the Marker Listing and InfoWindows.

You can change the User Interface Style by going to Maps -> Settings

Prerequisites

The Following Plugin/s need to be installed and active

  • WP Go Maps

Changing the Style

The Style options can be found by navigating to

WP Go Maps -> Settings

The Following options are listed in the User Interface Style section:

Default

Default Directions and Default Store Locator Style
Default Directions and Default Store Locator Style

Compact

The Compact style puts all controls inline, in a much more compact fashion than the default.

Compact Style with inline options
Compact Style with inline options

Modern

Modern style components were offered on a per component basis in WP Go Maps version 7 and below. Those controls have now been moved (please see below for compatibility options) to the global User Interface Style.

The Modern style features clean, minimal components inside the map panel, some of which pop out from the side.

Modern Components inside the map
Modern Components inside the map

Minimal

The Minimal style is similar to the Compact style, however it uses icons and placeholders as opposed to full text labels.

Minimal Style with icons instead of text labels
Minimal Style with icons instead of text labels

Bare Bones

The Bare Bones style is aimed at proficient designers who don’t wish to use the built in styles.

Bare Bones will only load the absolute minimum necessary CSS for the plugin, with practically all components left unstyled.

This means you can work on your own CSS unencumbered with overriding the built in CSS.

Legacy

Legacy mode uses the CSS which shipped with version 7 and below, unchanged.

This is the default mode for users who had previously been running version 7 or below (as opposed to fresh installs).

ο»Ώ

ο»Ώ

ο»Ώ