Position Container Block Examples


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

Hieronder zie je meerdere blokvariaties. Elke variatie kan naar je klembord worden gekopieerd en direct in je WordPress blok editor worden geplakt. Echter, de Organische blokken plugin is vereist.

Let op: Dit zijn voorbeeldstijlvariaties die zijn gemaakt om de flexibiliteit van het blok te laten zien. Elke variatie kan naar wens worden aangepast en er kunnen geheel nieuwe variaties worden gemaakt met behulp van de blokinstellingen.

Variatie 1

Position Block

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

Kopieer deze blokvariatie met behulp van de knop en plak deze in je WordPress blok editor. De Organische blokken plugin is vereist.

Blok kopiëren
Blok gekopieerd naar klembord!

Variatie 2

Position Block

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

Kopieer deze blokvariatie met behulp van de knop en plak deze in je WordPress blok editor. De Organische blokken plugin is vereist.

Blok kopiëren
Blok gekopieerd naar klembord!

Variatie 3

Position Block

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

Kopieer deze blokvariatie met behulp van de knop en plak deze in je WordPress blok editor. De Organische blokken plugin is vereist.

Blok kopiëren
Blok gekopieerd naar klembord!

Variatie 4

Position Block

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

Kopieer deze blokvariatie met behulp van de knop en plak deze in je WordPress blok editor. De Organische blokken plugin is vereist.

Blok kopiëren
Blok gekopieerd naar klembord!

Variatie 5

Position Block

In this example, the scale is reduced to 0.7.

Kopieer deze blokvariatie met behulp van de knop en plak deze in je WordPress blok editor. De Organische blokken plugin is vereist.

Blok kopiëren
Blok gekopieerd naar klembord!

Variation 6

Position Block

In this example, the scale is increased to 1.3.

Kopieer deze blokvariatie met behulp van de knop en plak deze in je WordPress blok editor. De Organische blokken plugin is vereist.

Blok kopiëren
Blok gekopieerd naar klembord!

Scroll naar boven