General Settings Overview

The General Settings section shows the default label or name of the current edit option. You can either keep this default title or rename it to something more descriptive that better matches the element you're modifying.

Text Alignment

With the Text Alignment feature, you can control where your text appears on the page. Options include aligning it to the left, right, center, or using justified formatting for a cleaner look.

Spacing Adjustments

The Spacing Adjustment option allows you to fine-tune the positioning of your content using two different methods. These adjustments will only apply to the currently selected Edit option.

Top and Bottom Margins

Use the Margin Top and Bottom settings to control the amount of space above or below your content.

SVG Configuration

To include an SVG on your page, simply input the URL in the designated SVG URL field.

Open SVG Editor

Clicking the "Open SVG Editor" button takes you to the SVG Editor page. You can change individual SVG colors in the "Editor" section, or completely replace the SVG by inserting its code in the "Raw Editor" section.

Width and Height (PX)

Easily modify the size of your SVG by entering the desired width and height values in pixels.

Action Settings

SVG Action

Within the Action settings for SVG, you can decide between two options: either open a popup or redirect users to a specific website URL. Select your preferred action through the Image Action icon.

Website Redirect

If you opt to send users to a specific webpage through the Image Action icon, you’ll need to select the target URL.

Open in New Tab

To make sure the webpage opens in a new browser tab, toggle this option on.

Advanced Customization

The Advanced Customization feature offers additional settings for refining the design of your webpage.

Visibility Controls

The Visibility Controls allow you to specify whether the selected element is visible on mobile devices, desktops, or both. Just click on the appropriate icon to choose.

Custom Class Assignment

The Custom Class feature lets you assign a custom CSS class to an element, which makes it easier to apply specific styles to that element. Enter your desired class name in the field provided.

CSS Selector Copying

To quickly copy your custom CSS code, click the Copy icon next to the reference code in the CSS Selector section.