Skip to main content

Sidebar in the Website and Funnel Builder

The sidebar organizes element settings into General, Styles, and Animations tabs so users can edit website and funnel elements faster in Kyrios.

What the Sidebar Does

The sidebar is the right-side settings panel in the Kyrios Website and Funnel Builder. It separates element controls into three tabs:

  • General

  • Styles

  • Animations

Each tab contains collapsible panels so users can open only the settings they need.


General Tab

Use the General tab to edit the selected element’s main content and behavior.

Common General settings include:

  • Element name

  • Element-specific options

  • Element actions

  • Links or click behavior

  • Image, button, form, or text settings

The exact settings shown depend on the element selected.


Styles Tab

Use the Styles tab to control the selected element’s visual appearance and spacing.

Common Styles settings include:

  • Image appearance

  • Margin and padding

  • Alignment

  • Shadow

  • Visibility

  • Custom class

  • CSS selector

Use this tab when adjusting layout, spacing, or styling across desktop and mobile views.


Animations Tab

Use the Animations tab to add or remove motion effects for the selected element.

Common animation options include:

  • Fade

  • Slide

  • Bounce

  • Zoom

  • Direction controls

  • Animation speed

  • Infinite loop effects

  • Clear animation


Collapsible Panels

Each tab uses collapsible panels to group related settings. You can open or close panels as needed while editing. Collapsed and expanded panel states remain available during the editing session, which helps keep the sidebar cleaner during longer builds.


Persistent Tab and Panel Behavior

The sidebar remembers the last tab and panel state during the editing session. When switching between existing elements, Kyrios keeps your most recently used tab selected. When adding a new element, panels open by default so you can quickly access its settings.


Important Notes

The sidebar layout update does not change live website or funnel designs. The settings available in the sidebar depend on the selected element. For example, images may show image-specific controls, buttons may show button action controls, and forms may show form-specific controls.


Common Issues and Fixes

I do not see the same settings shown in another screenshot

Select the same type of element first. Sidebar settings change based on whether you select a button, image, SVG, row, section, form, or text element.

My live page looks unchanged after the sidebar update

This is expected. The update changes the builder interface only. It does not change published page styling.

I cannot find a setting I used before

Check the General, Styles, and Animations tabs. The setting may now be grouped inside a collapsible panel.

FAQ

Will this update affect my existing funnels or website styling?

No. Existing live designs remain unchanged. This update only changes the builder sidebar interface.

Will my previous element settings be affected?

No. Existing element settings remain intact.

Does the new sidebar improve builder usability?

Yes. The tabs and collapsible panels make settings easier to find and reduce visual clutter.

Are there new design controls in this update?

No. This update focuses on sidebar organization and usability.

Did this answer your question?