SVG Element

`SVG

General Settings

Element Name/Title

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

Text Align

You can move your text in different positions as you deem fit, you can position it to the Left, Center, Right, or as Justified.

Spacing Option:

There are two spacing options available for adjusting your content. Depending on the Edit option you are working on, the settings will only be applicable to that option.

• Margin Top and Bottom
  You can adjust the top or bottom margin of your content by toggling its bars.

SVG Options

SVG URL

You can type an SVG URL here to display it in your page.

Open SVG Editor

When you click on the "Open SVG Editor" it opens the SVG Editor's page. You can edit each SVG color 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.

Action

SVG Action

You can select either the "Open the popup" or the "go-to website URL"

• Website
  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.
  
  
• Open In New Tab
  If you want the website to direct visitors to a new tab when they perform an action, simply toggle it on.

Advanced Settings

Visibility

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

Custom Class

Input your custom class here.

CSS Selector

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.