website logo
Go back to WP Go Maps
⌘K
Atlas Novus (v9)
πŸ‘Initial Setup
πŸ‘First-time users
πŸ‘Map Features
πŸ‘Integrations
πŸ‘Importing and Exporting Data
πŸ‘Troubleshooting
πŸ‘Frequently asked questions
Legacy (v9)
πŸ‘Initial Setup
πŸ‘First-time users
πŸ‘Map Features
πŸ‘Integrations
πŸ‘Importing and Exporting Data
πŸ‘Troubleshooting
πŸ‘Frequently asked questions
Integrations
Developers
Hooks
Docs powered byΒ archbeeΒ 
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).

ο»Ώ

ο»Ώ

Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
Using GET variables to Control your Map
Docs powered byΒ archbeeΒ 
TABLE OF CONTENTS
Overview
Prerequisites
Changing the Style
Default
Compact
Modern
Minimal
Bare Bones
Legacy