{"id":524,"date":"2020-03-04T15:53:27","date_gmt":"2020-03-04T20:53:27","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/bu-prepress\/?page_id=524"},"modified":"2020-03-05T14:04:17","modified_gmt":"2020-03-05T19:04:17","slug":"parallax-block","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/bu-prepress\/blocks\/bu-prepress-blocks\/parallax-block\/","title":{"rendered":"Parallax Block"},"content":{"rendered":"\n<p>Display content over a parallax background element.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"543\" src=\"\/bu-prepress\/files\/2020\/02\/headline-example-1024x543.png\" alt=\"\" class=\"wp-image-368\" srcset=\"https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/02\/headline-example-1024x543.png 1024w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/02\/headline-example-636x337.png 636w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/02\/headline-example-768x407.png 768w, https:\/\/wpdocs.bu.edu\/bu-prepress\/files\/2020\/02\/headline-example-1628x863.png 1628w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Parallax block<\/figcaption><\/figure>\n\n\n\n<h4>Why would I use this block?<\/h4>\n\n\n\n<p>Use this block if your article includes strong visuals and you want to tell a more vivid and interactive story.<\/p>\n\n\n\n<h4>Examples:<\/h4>\n\n\n\n<ul><li><a href=\"http:\/\/www.bu.edu\/articles\/2020\/india-poppy-farms\/\">http:\/\/www.bu.edu\/articles\/2020\/india-poppy-farms\/<\/a><\/li><li><a href=\"http:\/\/www.bu.edu\/articles\/2019\/campaign-for-boston-university-timeline\/\">http:\/\/www.bu.edu\/articles\/2019\/campaign-for-boston-university-timeline\/<\/a><\/li><li><a href=\"http:\/\/www.bu.edu\/articles\/2019\/marc-maron\/\">http:\/\/www.bu.edu\/articles\/2019\/marc-maron\/<\/a><\/li><\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2>Using the Parallax block<br><\/h2>\n\n\n\n<h4>Watch this quick video tutorial:<\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"\/bu-prepress\/files\/2020\/03\/parallax.mov\"><\/video><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4>Or follow these instructions:<br><\/h4>\n\n\n\n<p>Add the Parallax block to your article.<\/p>\n\n\n\n<p>Add your image to the block and adjust it&#8217;s opacity.<\/p>\n\n\n\n<p>Enter your content.<\/p>\n\n\n\n<p>Under Design Options, select the Layout and Crop Media.<\/p>\n\n\n\n<p>Under Color Settings, select the Image Backing, Text, and Text Background Color.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Display content over a parallax background element. Why would I use this block? Use this block if your article includes strong visuals and you want to tell a more vivid and interactive story. Examples: http:\/\/www.bu.edu\/articles\/2020\/india-poppy-farms\/http:\/\/www.bu.edu\/articles\/2019\/campaign-for-boston-university-timeline\/http:\/\/www.bu.edu\/articles\/2019\/marc-maron\/ Using the Parallax block Watch this quick video tutorial: Or follow these instructions: Add the Parallax block to your article. [&hellip;]<\/p>\n","protected":false},"author":13922,"featured_media":0,"parent":68,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bu_prepress_primary_term":"","_bu_prepress_primary_term_manual":""},"bu-publication":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/524"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/users\/13922"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/comments?post=524"}],"version-history":[{"count":9,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/524\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/524\/revisions\/539"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/pages\/68"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/media?parent=524"}],"wp:term":[{"taxonomy":"bu-publication","embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-prepress\/wp-json\/wp\/v2\/bu-publication?post=524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}