Edit component settings

Each component defines its own settings. The dialog shows only the fields supported by that component, and some fields appear only after another option is selected.

Open the correct dialog

1. Identify the component in the canvas.
2. Select its edit control.
3. Confirm the component name in the dialog before changing anything.

Editing the surrounding row or column will not change a child component's content.

Read settings by purpose

Dialogs can group fields differently, but common purposes include:

• Content: text, media, links, selections, or data sources;
• Spacing: padding or other supported spacing values;
• Visibility: the screen ranges on which the component remains shown;
• Advanced: classes, identifiers, stacking, animation, or specialized behavior;
• feature-specific groups such as background, controls, styles, or query options.

Do not expect every group on every component.

Respect dependencies

A choice can reveal additional fields. For example, selecting a custom map center exposes latitude and longitude; choosing a background video exposes source-specific settings. Complete the newly visible fields before saving.

When turning a feature off, check whether hidden dependent values will still matter if the feature is enabled again later.

Save in two stages

Saving the dialog returns its values to the builder canvas. It does not necessarily update the WordPress post.

1. Save the component dialog.
2. Preview the result.
3. Select Update, Publish, or Submit for Review for the post.

Change a row or column background

Use the row or column's edit control, including when it is inside a slider's slide.

1. Open Background and use Select main background image to choose an image from the media library. You can also replace the URL directly.
2. Use Select mobile background image separately when the layout needs a different image on small screens.
3. Save the component dialog, then reopen it to check that the chosen image remains selected.
4. To remove a background image, use its remove control and save the component dialog. The image remains in the media library.
5. Save or update the WordPress post, then verify the background in the page preview at desktop and mobile widths.

Closing the component dialog without saving discards its pending image changes. Saving a component does not publish the page; follow Save, update, preview, and publish to finish.

Prefer supported controls

Use a component's own fields before adding Raw HTML, custom classes, or inline styling. Supported controls preserve responsive behavior and are easier for another editor to understand.

If a change needs a class or ID, follow Use CSS classes and identifiers safely.