Advanced block settings

Most WoodMart blocks include an Advanced tab with controls for sizing, layout, positioning, motion effects, responsive visibility, and other technical properties. The available controls depend on the selected block.

Dimensions

Use Margin and Padding to control the space outside and inside the block. Depending on the block, this group can also include Width, Min height, and Max height. Many of these values can be configured separately for desktop, tablet, and mobile.

Layout

The Layout group controls the selected block as a child of a Flexbox parent:

• Align self: overrides the parent alignment for the selected block.
• Flex: controls whether the block keeps its natural size, shrinks, grows, or uses custom flex values.
• Order: changes the visual order of the block within its parent.

When Flex is set to Custom, additional controls appear for Flex grow, Flex shrink, and Flex basis. These layout controls require a Flexbox parent such as Column, Container, or Full width section.

Animations

Select an entrance animation that runs when the block enters the viewport. The effect may run during the initial page load or when the visitor scrolls to the block.

Position

Set the CSS position to Static, Relative, Absolute, Fixed, or Sticky, then configure the available offsets and z-index. For example, Sticky can keep a column visible while its surrounding content scrolls, provided that the parent layout and page overflow allow sticky positioning.

Transforms

Transforms can move, rotate, scale, or skew a block. Configure separate Normal, Hover, or Parent hover values to create interactive effects, and use the transition control to adjust how the change is animated.

Parallax on scroll

Enable a parallax movement along the available axes and configure its smoothness. The motion runs on the frontend; the editor keeps the block stationary so that its content remains easier to edit.

Responsive

Hide the selected block on desktop, tablet, mobile, or any required combination of those devices. For responsive values in other groups, use the device selector displayed next to the supported control.

Misc

The Misc group contains additional controls supported by the selected block, including:

• Visibility and Opacity for Normal, Hover, and Parent hover states.
• Overflow X and Overflow Y for clipping or scrolling content that exceeds the block dimensions.
• Pointer events for controlling whether the block responds to pointer interaction.
• HTML Tag for choosing an appropriate semantic element where supported.
• Parent for hover for making a supported parent block trigger Parent hover styles in its children.

Advanced controls can be combined. For example, set a Container Max height and change Overflow Y to Auto to create a vertically scrollable content area when its content exceeds the selected height.