Skip to main content
Documentation/Elements & Controls Reference/Layout and Shared Controls/Shared Controls/Wrapper Styles

Wrapper Styles

From an element's Settings tab, open Advanced > Wrapper or Wrapper Hover. These controls style the outer wrapper rather than the internal parts an element may expose in its Design tab.

Text styles can inherit to children; opacity affects the whole wrapper.

Wrapper styling groups

Background

Color sets the base; Clip selects its painted box/text area. Layers adds image/gradient Type, Image / Gradient, Overlay Color, and Blend Mode.

Image Size offers Cover (can crop), Contain (whole image), Auto, or Custom Width / Height. Repeat, Attachment (scroll/fixed), and Position with custom Left / Top control placement.

Layout

Display selects the mode:

  • Flex: Flex Direction, Align Items, Justify Content, Flex Wrap, Align Content, Gap.
  • Grid: Grid Template Columns / Rows, Grid Auto Flow / Columns / Rows, Grid Justify Content / Align Content (tracks), Grid Justify Items / Align Items (cells).

Under Advanced:

  • Z-Index — Stacking order.
  • Overflow — Visible, clipped, or scrollable overflow.
  • Legacy > Float / Clear / Visibility — Float behavior, clearance, visibility.
  • Position > Position, Top / Left / Right / Bottom — Positioning and offsets.
  • Flex Child > Align Self / Order / Flex Grow / Flex Shrink / Flex Basis — Behavior within flex parent.
  • Grid Child > Grid Column / Grid Row / Grid Area / Justify Self / Align Self — Grid placement/alignment.

Size

Width / Min Width / Max Width / Height / Min Height / Max Height set dimensions/limits. Aspect Ratio relates dimensions; Overflow handles excess; Box Sizing includes/excludes padding/borders; Object Fit / Object Position fit/align replaced content.

Typography

Color / Alignment style text; Typography offers presets or custom Font Family / Font Size / Weight / Line Height. Advanced controls cover letter/word spacing, style/width, transform, direction, wrapping, and decoration line/style/color/thickness/underline offset.

Effects > Stroke Width / Stroke Color outlines text. Fill supports transparent, gradient, or image; image controls include Size, custom Width / Height, Repeat, Position, and custom Top / Left. Text Shadow sets color, offsets, and blur.

Spacing and Borders

Margin / Padding sets outer/inner side spacing. Borders > Radius rounds corners; Styling sets widths, styles, and colors.

Effects

  • Opacity — Element/child transparency.
  • Box Shadow — Outer/inset shadows with color, offsets, blur, spread.
  • Mix Blend Mode — Blend with underlying content.
  • Cursor / Pointer Events — Pointer appearance/interaction.
  • Transition > Duration / Timing Function / Property / Delay — Style-change timing; Custom Property for custom selections.
  • Transform > Transforms > Type — Ordered translation, scale, rotation, skew, perspective, or axis controls. Origin / Origin Position / Perspective / Perspective Origin / Transform Style set origin/3D behavior.
  • Filter / Backdrop Filter > Type — Element/background effects using Blur Amount, Amount, or Rotate.
  • Outline Style / Width / Color / Offset — Outline appearance/position.

For custom CSS, classes, IDs, and attributes, see Advanced settings.