Settings Management Overview

In this section, you can adjust various settings for your content. By selecting the "Manage" option, you’ll gain access to a "Reorder" icon, enabling you to modify settings as needed. Additionally, the "Visibility toggle" icon allows you to make your content either visible or hidden. You can also duplicate, save, or remove your content by using the appropriate icons for "Clone," "Save," or "Delete."

You can reach these settings through three methods:

1. Selecting "Manage" from the drop-down menu in each section, followed by clicking the Element name or title in the menu that appears on the right side of the page.

2. Clicking the Settings icon next to each area box (labeled GREEN, BLUE, LILAC, and ORANGE).

3. Clicking the double arrows (>>), located below the taskbar in the upper left corner of the page.

These methods will direct you to the Settings, which are divided into two sections: General Settings and Advanced Settings.

General Settings

This area contains the primary options for editing.

• Element Name/Title: You’ll see the default title of the element you're working on, which can be renamed if desired.

• Spacing Option: Adjustments to spacing apply only to the selected content. For instance, if you modify the settings for a specific Row (represented by the BLUE box), those changes will only affect the content in that Row.

• Padding (Left, Right, Top, Bottom): Move content in any direction by adjusting the appropriate toggle bar.

• Margin (Top, Bottom): Adjust the top and bottom margins of your content.

• Background Color: To change the background color for a Section, Row, Column, or Element, click the area you want to modify.

• Box Shadow: Adds shadow effects to a box, making its border more prominent.

• Sticky: This option ensures that Sections remain fixed at the top or bottom of the page as you scroll.

• BG Media Type: Choose between an image or video for your background media.

• BG Media: Add a background image by selecting the image button, uploading or choosing an image, and using the URL provided at the top right of the page.

• Allow Row to Take Entire Width: Toggle this option to allow the Row to occupy the full width of the page.

Advanced Settings

The Advanced Settings offer further customization, including borders, visibility, and CSS options.

• Border Option: Personalize the borders around your content. Choose a border type (excluding "No Border"), and you’ll unlock additional settings for style, width, color, and radius.

• Style: Choose the type of border you want.
• Width: Adjust the thickness of your border.
• Color: Select the color of the border.
• Radius: Modify the corner radius to make edges sharper or rounder.
• Radius Edges: Specify which edges to adjust (all, top only, or bottom only).

• Visibility: Manage whether content is visible on mobile devices, desktops, or both by selecting the visibility icon.

• Custom Class: Input custom classes in this field.

• CSS Selector: Copy custom CSS by clicking the Copy icon next to the reference code.