{"id":37279,"date":"2021-12-29T14:07:02","date_gmt":"2021-12-29T14:07:02","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=2712"},"modified":"2021-12-29T14:07:02","modified_gmt":"2021-12-29T14:07:02","slug":"position-block","status":"publish","type":"page","link":"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/position-block\/","title":{"rendered":"Position Block"},"content":{"rendered":"
\n
\n\n\n\n
\n
\n

Position Container Block Examples<\/h4>\n<\/div>\n\n\n\n
\n
\n
Documentation<\/a><\/div>\n\n\n\n
Buy Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

The Position Container Block<\/strong> 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.<\/p>\n\n\n\n

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<\/strong><\/a> plugin is required.<\/p>\n\n\n\n

Please Note:<\/strong> 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.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n

Variation 1<\/h4>\n\n\n\n
\n
\n
\n

Position Block<\/strong><\/h4>\n\n\n\n

In this example, the position is moved left 200 pixels<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 2<\/h4>\n\n\n\n
\n
\n
\n

Position Block<\/strong><\/h4>\n\n\n\n

In this example, the position is moved down 120 pixels<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
<\/div>\n\n\n\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 3<\/h4>\n\n\n\n
\n
\n
\n

Position Block<\/strong><\/h4>\n\n\n\n

In this example, the position is moved right 400 pixels<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 4<\/h4>\n\n\n\n
\n
\n
\n

Position Block<\/strong><\/h4>\n\n\n\n

In this example, the position is pulled left 260 pixels<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 5<\/h4>\n\n\n\n
\n
\n
\n

Position Block<\/strong><\/h4>\n\n\n\n

In this example, the scale is reduced to 0.7<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 6<\/h4>\n\n\n\n
\n
\n
\n

Position Block<\/strong><\/h4>\n\n\n\n

In this example, the scale is increased to 1.3<\/strong>.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

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 […]<\/p>\n","protected":false},"author":7601135,"featured_media":0,"parent":37231,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-37279","page","type-page","status-publish","hentry"],"yoast_head":"\nPosition Block - Formation 3.0<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/position-block\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Position Block - Formation 3.0\" \/>\n<meta property=\"og:description\" content=\"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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/position-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Formation 3.0\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Formation3.0\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Formation3_0\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/position-block\\\/\",\"url\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/position-block\\\/\",\"name\":\"Position Block - Formation 3.0\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/format30.com\\\/#website\"},\"datePublished\":\"2021-12-29T14:07:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/position-block\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/position-block\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/position-block\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/format30.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\\\/\\\/format30.com\\\/blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\\\/\\\/format30.com\\\/blocks\\\/organic-blocks\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Position Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/format30.com\\\/#website\",\"url\":\"https:\\\/\\\/format30.com\\\/\",\"name\":\"Formation 3.0\",\"description\":\"Formation 3.0 est un site d\u00e9di\u00e9 \u00e0 la formation, \u00e0 l'\u00e9ducation, \u00e0 l'emploi des nouvelles technologies dans l'enseignement et \u00e0 la pens\u00e9e visuelle.\",\"publisher\":{\"@id\":\"https:\\\/\\\/format30.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/format30.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/format30.com\\\/#organization\",\"name\":\"Formation 3.0\",\"url\":\"https:\\\/\\\/format30.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/format30.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/format30.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/format30.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1\",\"width\":512,\"height\":512,\"caption\":\"Formation 3.0\"},\"image\":{\"@id\":\"https:\\\/\\\/format30.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Formation3.0\",\"https:\\\/\\\/x.com\\\/Formation3_0\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/formation-3-0\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Position Block - Formation 3.0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/position-block\/","og_locale":"pt_PT","og_type":"article","og_title":"Position Block - Formation 3.0","og_description":"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 […]","og_url":"https:\/\/format30.com\/pt\/blocks\/organic-blocks\/position-block\/","og_site_name":"Formation 3.0","article_publisher":"https:\/\/www.facebook.com\/Formation3.0","twitter_card":"summary_large_image","twitter_site":"@Formation3_0","twitter_misc":{"Tempo estimado de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/format30.com\/blocks\/organic-blocks\/position-block\/","url":"https:\/\/format30.com\/blocks\/organic-blocks\/position-block\/","name":"Position Block - Formation 3.0","isPartOf":{"@id":"https:\/\/format30.com\/#website"},"datePublished":"2021-12-29T14:07:02+00:00","breadcrumb":{"@id":"https:\/\/format30.com\/blocks\/organic-blocks\/position-block\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/format30.com\/blocks\/organic-blocks\/position-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/format30.com\/blocks\/organic-blocks\/position-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/format30.com\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/format30.com\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/format30.com\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Position Block"}]},{"@type":"WebSite","@id":"https:\/\/format30.com\/#website","url":"https:\/\/format30.com\/","name":"Formation 3.0","description":"Forma\u00e7\u00e3o 3.0 \u00e9 um site dedicado \u00e0 forma\u00e7\u00e3o, \u00e0 educa\u00e7\u00e3o, ao emprego das novas tecnologias no ensino e ao pensamento visual.","publisher":{"@id":"https:\/\/format30.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/format30.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/format30.com\/#organization","name":"Formation 3.0","url":"https:\/\/format30.com\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/format30.com\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2024\/09\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/format30.com\/wp-content\/uploads\/2024\/09\/6a1a3-cropped-logo-f30-2023.jpg?fit=512%2C512&ssl=1","width":512,"height":512,"caption":"Formation 3.0"},"image":{"@id":"https:\/\/format30.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Formation3.0","https:\/\/x.com\/Formation3_0","https:\/\/www.linkedin.com\/company\/formation-3-0\/"]}]}},"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PK9xl-9Hh","jetpack-related-posts":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages\/37279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/users\/7601135"}],"replies":[{"embeddable":true,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/comments?post=37279"}],"version-history":[{"count":0,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages\/37279\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/pages\/37231"}],"wp:attachment":[{"href":"https:\/\/format30.com\/pt\/wp-json\/wp\/v2\/media?parent=37279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}