1. Home
  2. Knowledge Base
  3. Map Customization
  4. Custom CSS Editor
  1. Home
  2. Knowledge Base
  3. Advanced
  4. Custom CSS Editor

Custom CSS Editor

With CSS, you can virtually customize all the elements of your map such as buttons, fonts, and colors.

Advanced Customization with Custom CSS

There is almost no limit to what you can customize with CSS.

You can apply simple CSS customization to change font styles, sizes or colors. On the other hand, you can leverage the CSS customization to create your own skins and change the look and feel of your interactive maps.

We created an extensive list of custom CSS examples to help you get started. Check out the examples

Best Practice for CSS Customization

In the New Mapme, we have clearly marked the CSS classes that are safe to customize.

The safe classes start with the prefix “.mapme-theme__”. For example: “.mapme-theme__overview-content-title”.

We recommend you refrain from customizing other classes since new features in Mapme might affect those classes.

How does it work?

To add your CSS code in the editor, click on Settings > Style > Custom CSS.

Enter your custom CSS in the custom CSS editor. Your custom CSS changes will be reflected in real-time in the Preview.

Need help with custom CSS? Contact our support team.

Map-CustomCSS

 

Related Articles