{"id":2712,"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:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/","title":{"rendered":"Position Block"},"content":{"rendered":"\n
\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>\n","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 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 […]<\/p>\n","protected":false},"author":236185298,"featured_media":0,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2712","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nPosition Block - ThinkSAi - LatAm<\/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:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Position Block - ThinkSAi - LatAm\" \/>\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 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 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/\" \/>\n<meta property=\"og:site_name\" content=\"ThinkSAi - LatAm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/\",\"url\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/\",\"name\":\"Position Block - ThinkSAi - LatAm\",\"isPartOf\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/#website\"},\"datePublished\":\"2021-12-29T14:07:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.thinksai.com\/latam\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/www.thinksai.com\/latam\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Position Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/#website\",\"url\":\"https:\/\/www.thinksai.com\/latam\/\",\"name\":\"ThinkSAi - LatAm\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.thinksai.com\/latam\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/#organization\",\"name\":\"ThinkSAi - LatAm\",\"url\":\"https:\/\/www.thinksai.com\/latam\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png\",\"contentUrl\":\"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png\",\"width\":406,\"height\":407,\"caption\":\"ThinkSAi - LatAm\"},\"image\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Position Block - ThinkSAi - LatAm","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:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/","og_locale":"en_US","og_type":"article","og_title":"Position Block - ThinkSAi - LatAm","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 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 […]","og_url":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/","og_site_name":"ThinkSAi - LatAm","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/","url":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/","name":"Position Block - ThinkSAi - LatAm","isPartOf":{"@id":"https:\/\/www.thinksai.com\/latam\/#website"},"datePublished":"2021-12-29T14:07:02+00:00","breadcrumb":{"@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/position-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.thinksai.com\/latam\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/www.thinksai.com\/latam\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Position Block"}]},{"@type":"WebSite","@id":"https:\/\/www.thinksai.com\/latam\/#website","url":"https:\/\/www.thinksai.com\/latam\/","name":"ThinkSAi - LatAm","description":"","publisher":{"@id":"https:\/\/www.thinksai.com\/latam\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thinksai.com\/latam\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thinksai.com\/latam\/#organization","name":"ThinkSAi - LatAm","url":"https:\/\/www.thinksai.com\/latam\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/","url":"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png","contentUrl":"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png","width":406,"height":407,"caption":"ThinkSAi - LatAm"},"image":{"@id":"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages\/2712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/users\/236185298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/comments?post=2712"}],"version-history":[{"count":0,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages\/2712\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/media?parent=2712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}