Change Log

A classnames change log where you can reference current and past changes to CSS classes.

Release February 2025

Reference the upcoming custom CSS changes in the following expandable section.

Zoom Accessibility Improvements

1. Sidebar – Collapse Handle

UI Area: Sidebar Sub-element: Collapse Handle Classnames Removed: sidebar__collapse-handle New Classnames: sidebar-collapse-handle--cs

2. Sidebar – Title

UI Area: Sidebar Sub-element: Title Classnames Removed: properties-panel__title

3. Sidebar – Content Wrapper

UI Area: Sidebar Sub-element: Content Wrapper Markup Variations: Removed a wrapper div Classnames Removed: widgets-section

4. Sidebar – Widgets Wrapper

UI Area: Sidebar Sub-element: Widgets Wrapper Markup Variations: Removed two wrapper divs Classnames Removed: widgets-section

5. Sidebar – Field Type Select

UI Area: Sidebar Content: Form Widget: Manage Form Fields Sub-element: Field Type Select in Edit Modal Classnames Removed:

dropdown__option
dropdown__option--is-selected
react_select--[option label name]
react_select__field_type_label
react_select__selected_field_type_label

6. Sidebar – Special Links

UI Area: Sidebar Content: Button, Image Widget: Url Sub-element: Special Links Modal Classnames Removed:

category-selected
back-action

New Classnames:

selectable-modal-search--cs
selectable-modal-breadcrumb--cs
selectable-modal-items-list--cs

7. Sidebar – Rounded Corners Preview

UI Area: Sidebar Content: Image, Row Widget: Rounded Corners Sub-element: Preview Classnames Removed:

padding-container
square
widget-section__paddingpreview

New Classnames: previewbox--cs

8. Sidebar – Padding Preview

UI Area: Sidebar Content: Button, Carousel, Divider, Form, Image Widget: Padding Sub-element: Preview Classnames Removed:

padding-container
preview
square
widget-section__paddingpreview

9. Topbar

UI Area: Topbar Markup Variations: The topbar has been refactored with markup being entirely different Classnames Removed:

header--cs
header-left--cs
header-dropdown--cs
header-right--cs
top-bar*
Header_*

New Classnames:

topbar--cs
topbar-logo--cs
topbar-actions--cs
topbar-structure-button--cs
topbar-mergetags-button--cs
topbar-dropdown--cs
topbar-save-button--cs

10. Preview - Topbar Language Select

UI Area: Preview Content: Topbar Widget: Language Select Markup Variations: Removed a redundant div Classnames Removed: header-select--cs

Reminder: If you're using Custom CSS, please use "change safe" class names (marked with '--cs' suffix) to customize the look and feel of your editor. Class names without the '--cs' suffix may change without prior notice in the future.

Release December 2025

Reference the upcoming CSS changes to the Preview Widgets in the following expandable section.

Font Size Accessibility Improvements

1. Sidebar Tabs – Tab button

UI Area: Sidebar Tabs Classnames Removed: Tabs_* New Classnames: TabLabel_* Description: The tab button now uses a more descriptive naming convention to improve clarity and consistency across the sidebar components. This change helps developers identify tab-related labels more easily and aligns naming conventions with the updated tab structure.

2. Sidebar Tabs – Tab panel

UI Area: Sidebar Tabs Markup Variations: Removed a wrapper div Classnames Removed: Tabs_* Description: The wrapper div inside the tab panel has been removed to simplify the DOM structure. This change improves rendering performance and makes it easier to style and manage tab content areas through cleaner markup.

3. Sidebar Rows Tab – Columns Structure / Tabs

UI Area: Sidebar Rows Tab Widget: Columns Structure Sub-element: Tabs Markup Variations: Removed a wrapper div Classnames Removed: tab-content, Tabs_* Description: The markup for tabbed column structures has been simplified by removing an unnecessary wrapper. Developers should adjust any custom styles that previously relied on tab-content or Tabs_* to target the updated tab elements directly.

4. Sidebar – Toggle

UI Area: Sidebar Markup Variations: Added a div to wrap the label Description: A new div wrapper has been introduced around toggle labels to ensure consistent spacing and alignment across different sidebar widgets. This change provides a more predictable layout and improves accessibility for label associations.

5. Sidebar – Slider

UI Area: Sidebar Markup Variations: Added a div to wrap the input Description: Slider inputs are now enclosed in an additional div wrapper. This allows more flexible styling and positioning of sliders within the sidebar, supporting better alignment with other interactive controls.

6. Sidebar – Select

UI Area: Sidebar Markup Variations: Added a span to wrap the label Description: A span element now wraps the select label to enable more precise styling control. This update enhances text alignment and improves compatibility with multi-theme layouts.

7. Sidebar – Image width

UI Area: Sidebar Markup Variations: Changed wrapper divs Description: The wrapper structure around image width controls has been updated for consistency and better responsiveness. This change helps maintain uniform spacing and layout behavior across different sidebar widgets.

8. Sidebar – Button width

UI Area: Sidebar Markup Variations: Changed wrapper divs Description: The button width control now uses updated wrapper divs for improved DOM consistency. This ensures buttons align properly with other sidebar elements and reduces the need for custom spacing adjustments.

Release July 2025

Reference the upcoming CSS changes to the Preview Widgets in the following expandable section.

Preview Widgets