The General Settings feature displays the default name/title of the currently selected Edit option. You have the option to either keep the default name/title or rename it to better describe the element.

The Text Align feature allows you to adjust the position of your text according to your preferences. You can position the text to the left, centre, right, or apply justification formatting to enhance readability.

The Spacing Option feature offers two ways to fine-tune the placement of your content. It is important to note that these settings only affect the selected Edit option.

The Margin Top and Bottom feature allows you to adjust the top or bottom margin of your content by using the toggle bars.

SVG URL

To display an SVG on your page, simply type its URL in the dedicated field labelled SVG URL.

Open SVG Editor

When you click on the "Open SVG Editor" it opens the SVG Editor's page. You can edit each SVG colour under "Editor" and you can replace the SVG by inputting the code in the "Raw Editor" section.

Width and Height (PX)

You can adjust the height and width of your map by inputting the size number you want.

SVG Action

In the Action section of the SVG Options, you can choose between two options to configure the SVG's behaviour. You have the option to either Open the popup or go-to website URL by selecting the appropriate action in the Image Action icon.

When you select "Go to website URL" in the "Image Action" icon, it will require you to select which website page you will be settings.

If you want the website to direct visitors to a new tab when they perform an action, simply toggle it on.

The Advanced Settings feature provides additional options for fine-tuning the design of your web page.

The Visibility feature allows you to select which device(s) (mobile devices, desktops, or both) the specific Edit option will be visible on. Simply click on the appropriate icon to highlight your desired choice.

The Custom Class option enables you to assign a custom class name to your element, making it easier to apply custom styles to that specific element. You can input your chosen custom class name in the dedicated field.

If you need to replicate your custom CSS, you can easily copy it by clicking on the Copy icon located on the right side of the reference code.