All of the styling for the Front End of the map is controlled through the Content Management System (CMS). Once logged into the CMS, toggle over to the Front End Styles tab to access all the style settings. The settings are broken into sections - General, Map Top Bar, Sidebar, Footer, Location Information, Forms & Miscellaneous.
General
Global Color - This color will apply to highlights and text throughout the map such as the level selector, zoom selector, footer line, select all, and default sidebar buttons.
Mobile Short Name - Short name for a mobile device's app icon.
Browser & App Icon - Upload an icon to be used in the browser address bar, and as an app icon.
Default Font - Upload your own custom font for the front end map.
Default Text Styles - Global styling for the text (Font & Size) across the map.
Links/Primary/Secondary Buttons - If links or buttons are added to the map top bar, customize the color/hover color of those buttons.
Dynamic Labels - You can customize the look and feel of Dynamic Labels, see customizations options in screenshot below:
- Currently all labels will have the same style. Future update considerations include category level override.
Map Top Bar
Background Color - Add a color for the top bar.
Logo - Add a logo to the top bar (this will also show on mobile), a link for the logo and a background color for the logo if needed.
Top Bar Icons - Update the color and hover color of the menu bars, home and search buttons.
Sidebar
Header Background Image - Add an image to display in the top of the sidebar and Alt Text for accessibility.
Tab Styles - If you have tours published to the front end of the map, choose the colors for the Locations and Tours tabs.
Category/Sub-Category/Location Titles - Update colors and text for the sidebar content.
Bullet Icon - Add an icon to display next to each location title in the sidebar.
Category Checkbox - Customize the colors of the checkbox for categories/sub-categories.
Footer
Adjust the color of the background and text in the footer.
*Note - The footer content is controlled under the Options tab. The footer cannot go over 5 lines of text. Once text is added, it will dynamically shrink to fit the space. This is a best practice and allows enough room for sidebar categories and a better mobile experience.
Location Information
Logo - Add a small logo next to the location title.
Titles - Update the appearance of the location title bar once the location is selected.
Location Tooltips - Update the colors of the bubble that displays the title of the location when hovering over the pin on the map.
Form Styles
If your map has the additional feature of Forms included in your map tours, use this section to update the appearance of the Form. You can style the title, description, and entire background colors.
Miscellaneous Options
Path/Line Color - Update the color of the pathway between stops in Map Tours and wayfinding paths.
Social Share Logo - Add a logo to display for your map when sharing on social media. This is recommended if the logo you have in the top bar of the map is a white or lighter color. If nothing is added here, the logo that will display is the one included for your top bar.
Map Attributions Background - The color of the background behind the footer links on the map. If transparent no color will apply.
Generate Print Map - The color of the legend text and background. Add a logo if you want a different logo from the general map logo.