How to display the main location on the map?

If you want to display the main location on the map, go to Locations and edit the location. In the views tab, make sure to check Display main location on the map. You also need to select a main location icon.

You can visit to search for an icon for the main location, something like Pin or Home.

How to style the main location?

There is a unique class for every icon on the map, the class is formatted this way:


where X is the ID of the location. To obtain this ID, look at the URL when editing a location.


The tag_ID can be used here as the ID.

You can add an style like this:

/* change the background colour */
.nbp-location-32-icon {
  background-color: #ff0303 !important;

/* change the icon colour */
.nbp-location-32-icon svg path {
  fill: #ffffff !important;

And your main location icon will be changed to something like this:

You can read this article for adding custom CSS to your site:

How to add custom css to WordPress

Was this helpful?

Thanks for your feedback!