fbpx

Position Block


Position Container Block Examples


The Position Container Block features options to scale and move the position of any content within the container. It’s a useful design tool for breaking the grid, and designing outside the box. Any combination of moving, scaling, and pulling can be used together. Additionally, the position can be optionally be reset in mobile, so it does not break the layout on mobile devices.

Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your WordPress block editor. However, the Organic Blocks plugin is required.

Please Note: These are example style variations created to showcase the block flexibility. Any variation can be modified to your liking, and entirely new variations may be created using the block settings.

Variation 1

Position Block

In this example, the position is moved left 200 pixels.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 2

Position Block

In this example, the position is moved down 120 pixels.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 3

Position Block

In this example, the position is moved right 400 pixels.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 4

Position Block

In this example, the position is pulled left 260 pixels.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 5

Position Block

In this example, the scale is reduced to 0.7.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!

Variation 6

Position Block

In this example, the scale is increased to 1.3.

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks plugin is required.

Copy Block
Copied block to clipboard!