Thumbnail

How Floating Works in AZ-CMS?

July 21, 2025, 7:34 a.m.

In AZ-CMS you can achieve floating elements layout with the following easy ways:

Option #1

by using className pattern col<n> the element is automatically floated to the left

first drag the block you want to use from the "Blocks" in the control panels of Drag&Drop Page Builder, keep in mind that even if one of the children of a parent element has this floating effect, the parent element will lose the height, to give the height back to the parent element, you can use className "flex" or set the "display" property in the style manager to "flex" or "flow-root", if you use "flex" on parent, by default the children will be aligned evenly (based on the available space).

Option #2

By using className "left" and/or "right" with a given specific width to the children and the className "flex" to the parent element (or by setting display property for the parent to "flex" or "flow-root" in the style manager panel).

shield_with_heart Verified and Powered by A-Z Business Ecosystems VID:89734511
Established Date:Nov. 2, 2024