Position Container Block Examples


O 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.

Abaixo são apresentadas várias variações de blocos. Cada variação pode ser copiada para a sua área de transferência e colada diretamente no seu editor de blocos do WordPress. No entanto, o Blocos orgânicos plugin é necessário.

Nota: Estes são exemplos de variações de estilo criadas para mostrar a flexibilidade do bloco. Qualquer variação pode ser modificada a seu gosto e podem ser criadas variações totalmente novas utilizando as definições do bloco.

Variação 1

Position Block

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

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 2

Position Block

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

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 3

Position Block

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

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 4

Position Block

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

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variação 5

Position Block

In this example, the scale is reduced to 0.7.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Variation 6

Position Block

In this example, the scale is increased to 1.3.

Copie esta variação de bloco utilizando o botão e cole-a no seu editor de blocos do WordPress. A Blocos orgânicos plugin é necessário.

Bloco de cópias
Bloco copiado para a área de transferência!

Deslocar para o topo