{"id":3648,"date":"2019-06-24T23:53:17","date_gmt":"2019-06-24T23:53:17","guid":{"rendered":"http:\/\/gutenbergtestdata.local\/?p=161"},"modified":"2019-06-24T23:53:17","modified_gmt":"2019-06-24T23:53:17","slug":"gutenberg-cover","status":"publish","type":"post","link":"https:\/\/staging.cedaro.com\/ovation\/2019\/06\/24\/gutenberg-cover\/","title":{"rendered":"Gutenberg: Cover"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Image<\/h4>\n\n\n\n<div class=\"wp-block-cover has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This is a Cover block using an image file.<\/p>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Video<\/h4>\n\n\n\n<div class=\"wp-block-cover\"><video class=\"wp-block-cover__video-background\" autoplay muted loop src=\"https:\/\/gutenbergtestdata.files.wordpress.com\/2019\/06\/pexels-videos-1877846.mp4\"><\/video><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This is a Cover block using a video file.<\/p>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">GIF<\/h4>\n\n\n\n<div class=\"wp-block-cover\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2019\/06\/74d35-rzkuhsmqwr-1.gif')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This is a Cover block using a GIF file.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Cover Settings<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Fixed Background<\/h4>\n\n\n\n<div class=\"wp-block-cover has-background-dim has-parallax\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This Cover block has a fixed background.<\/p>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Focal Point Picker<\/h4>\n\n\n\n<div class=\"wp-block-cover has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg');background-position:100% 0\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This Cover block has a custom focal point.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Horizontal Pos. 100% | Vertical Pos. 0%<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Overlay<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Overlay Color<\/h4>\n\n\n\n<div class=\"wp-block-cover has-primary-background-color has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg');background-position:50.230414746544% 50%\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This Cover block has a custom overlay color.<\/p>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Background Opacity<\/h4>\n\n\n\n<div class=\"wp-block-cover has-background-dim-90 has-primary-background-color has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg');background-position:49.769585253456% 50%\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"text-align:center\">This Cover block has the background opacity set to 90.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Alignment<\/h3>\n\n\n\n<div class=\"wp-block-cover alignleft has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-large-font-size wp-block-paragraph\">This Cover block is aligned to the <strong>left<\/strong>. <\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignright has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-large-font-size wp-block-paragraph\">This Cover block is aligned to the <strong>right<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover aligncenter has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-large-font-size wp-block-paragraph\">This Cover block is aligned to the <strong>center<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Width<\/h3>\n\n\n\n<div class=\"wp-block-cover alignfull has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p style=\"text-align:center\" class=\"has-large-font-size wp-block-paragraph\">This Cover block has a <strong>full<\/strong> width.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignwide has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-large-font-size wp-block-paragraph\">This Cover block has a <strong>wide<\/strong> width.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Cover Contents<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Heading<\/h4>\n\n\n\n<div class=\"wp-block-cover alignfull has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h1 class=\"wp-block-heading\">h1 aligned to the left<\/h1>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\">h1 aligned to the center<\/h1>\n\n\n\n<h1 class=\"has-text-align-right wp-block-heading\">h1 aligned to the right<\/h1>\n\n\n\n<h2 class=\"has-text-align-left wp-block-heading\">h2 aligned to the left<\/h2>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">h2 aligned to the center<\/h2>\n\n\n\n<h2 class=\"has-text-align-right wp-block-heading\">h2 aligned to the right<\/h2>\n\n\n\n<h3 class=\"has-text-align-left wp-block-heading\">h3 aligned to the left<\/h3>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">h3 aligned to the center<\/h3>\n\n\n\n<h3 class=\"has-text-align-right wp-block-heading\">h3 aligned to the right<\/h3>\n\n\n\n<h4 class=\"has-text-align-left wp-block-heading\">h4 aligned to the left<\/h4>\n\n\n\n<h4 class=\"has-text-align-center wp-block-heading\">h4 aligned to the center<\/h4>\n\n\n\n<h4 class=\"has-text-align-right wp-block-heading\">h4 aligned to the right<\/h4>\n\n\n\n<h5 class=\"has-text-align-left wp-block-heading\">h5 aligned to the left<\/h5>\n\n\n\n<h5 class=\"has-text-align-center wp-block-heading\">h5 aligned to the center<\/h5>\n\n\n\n<h5 class=\"has-text-align-right wp-block-heading\">h5 aligned to the right<\/h5>\n\n\n\n<h6 class=\"has-text-align-left wp-block-heading\">h6 aligned to the left<\/h6>\n\n\n\n<h6 class=\"has-text-align-center wp-block-heading\">h6 aligned to the center<\/h6>\n\n\n\n<h6 class=\"has-text-align-right wp-block-heading\">h6 aligned to the right<\/h6>\n\n\n\n<h6 class=\"has-primary-color wp-block-heading\">This heading has a custom <strong>Text Color<\/strong><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>This heading is bold<\/strong><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\"><strong><em>This heading is italicized<\/em><\/strong><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\"><a href=\"#\">This heading is a link<\/a><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\"><code>This heading has an inline code<\/code><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">This heading has an inline image<img decoding=\"async\" data-attachment-id=\"103\" data-permalink=\"https:\/\/staging.cedaro.com\/ovation\/zoltan-tasi-482489-unsplash\/\" data-orig-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-scaled.jpg\" data-orig-size=\"2560,1721\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"zoltan-tasi-482489-unsplash\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;This is a caption&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-300x202.jpg\" data-large-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-1024x688.jpg\" sizes=\"(max-width: 799px) 200vw, (max-width: 2560px) 100vw, 2560px\" class=\"wp-image-103\" style=\"width:150px\" src=\"http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash.jpg\" alt=\"\"><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\"><s>This heading has a strikethrough text<\/s><\/h6>\n\n\n\n<h6 class=\"wp-block-heading\"><span style=\"text-decoration:underline\">This heading has an underlined text<\/span><\/h6>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Paragraph<\/h4>\n\n\n\n<div class=\"wp-block-cover alignwide has-background-dim\" style=\"background-image:url('http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/d9b27-6aa4c-kristopher-roller-110203-unsplash.jpg')\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-small-font-size wp-block-paragraph\">This is a <strong>small<\/strong> paragraph.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a <strong>normal<\/strong> paragraph.<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">This is a <strong>large<\/strong> paragraph.<\/p>\n\n\n\n<p class=\"has-huge-font-size wp-block-paragraph\">This is a <strong>huge<\/strong> paragraph.<\/p>\n\n\n\n<p class=\"has-background has-primary-background-color wp-block-paragraph\">This paragraph has a custom <strong>Background Color<\/strong>. <\/p>\n\n\n\n<p class=\"has-text-color has-primary-color wp-block-paragraph\">This paragraph has a custom <strong>Text Color<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"text-align:left\">This paragraph is aligned to the <strong>left<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"text-align:center\">This paragraph is aligned to the <strong>center<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"text-align:right\">This paragraph is aligned to the <strong>right<\/strong>.<\/p>\n\n\n\n<p class=\"has-drop-cap wp-block-paragraph\">This paragraph has a Drop Cap.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>This paragraph is bold<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>This paragraph is italicized.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\">This paragraph is a link.<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>This paragraph has an inline code.<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This paragraph has an inline image.<img decoding=\"async\" data-attachment-id=\"103\" data-permalink=\"https:\/\/staging.cedaro.com\/ovation\/zoltan-tasi-482489-unsplash\/\" data-orig-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-scaled.jpg\" data-orig-size=\"2560,1721\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"zoltan-tasi-482489-unsplash\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;This is a caption&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-300x202.jpg\" data-large-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-1024x688.jpg\" sizes=\"(max-width: 799px) 200vw, (max-width: 2560px) 100vw, 2560px\" class=\"wp-image-103\" style=\"width:150px\" src=\"http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash.jpg\" alt=\"\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"text-align:justify\">This paragraph is justified.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><s>This paragraph has a strikethrough text.<\/s><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"text-decoration:underline\">This paragraph has an underlined text.<\/span><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Image Video GIF Cover Settings Fixed Background Focal Point Picker Overlay Overlay Color Background Opacity Alignment Width Cover Contents Heading Paragraph<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-3648","post","type-post","status-publish","format-standard","category-gutenberg","entry"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/posts\/3648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/comments?post=3648"}],"version-history":[{"count":0,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/posts\/3648\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/media?parent=3648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/categories?post=3648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/tags?post=3648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}