Skip to main content

Layout blocks

About​

Layout blocks provide sophisticated content organization options that go beyond simple text and images. These blocks serve as containers and structural elements that help create complex, visually appealing page designs while maintaining responsive behavior across all devices.

Types of layout​

Group block​

The Group Block serves as a container that allows you to organize multiple blocks together as a single unit. This is particularly useful for creating reusable content sections

Configuration options:

  • Layout: Control Position, Direction, Alignment, and Absolute
  • Size: Control the Height and Width on each device
  • Appearance: Choose Color scheme, Background type, Border radius, and Corner
  • Trigger on parent hover: Take the hover effect of the parent group
  • Animation: Coordinate animation as Custom or Global
  • Padding: Change the padding on desktop and mobile

And example of Group block would be when you want to create a block of Text and Button together. With a Group, you can then decide how all elements are aligned, combined, and presented.

Layout Block​

Layout can serve as a bigger container for blocks and arrange them in Grid, Carousel, or Masonry

Configuration options:

  • Type: Grid, Carousel, Grid hover expand, or Masonry
  • Grid: Change the number of column, gap, and width
  • Advanced: Control the speed of the carousel
  • Padding: Change the desktop and mobile padding