{"id":44946,"date":"2022-04-27T10:47:40","date_gmt":"2022-04-27T10:47:40","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=44946"},"modified":"2023-03-07T08:19:00","modified_gmt":"2023-03-07T08:19:00","slug":"main-title-overlapping-an-image","status":"publish","type":"wporg-pattern","link":"https:\/\/ve.wordpress.org\/patterns\/pattern\/main-title-overlapping-an-image\/","title":{"rendered":"Main title overlapping an image"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-white-background-color has-background is-layout-constrained wp-container-core-group-is-layout-281d422f wp-block-group-is-layout-constrained\" style=\"padding-top:100px;padding-bottom:0px\">\n<div class=\"wp-block-cover alignwide has-custom-content-position is-position-top-left\" style=\"padding-top:0px;padding-right:5%;padding-bottom:10%;padding-left:5%;min-height:90vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(180deg,rgb(255,255,255) 8%,rgba(255,255,255,0) 8%)\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/a005-scottw-542.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=4c9a2d8a1e68f709b73336d6edd26d6b\" style=\"object-position:50% 0%\" data-object-fit=\"cover\" data-object-position=\"50% 0%\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h1 class=\"wp-block-heading alignwide has-black-color has-text-color\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:100px;font-style:normal;font-weight:500;letter-spacing:-0.05em;line-height:1;text-transform:uppercase\">Modern Design<\/h1>\n<\/div><\/div>\n<\/div>\n","protected":false},"author":13265138,"parent":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"h1, intro, main title, cover, cut-off, gradient","wpop_description":"Cover block is set with a background image and hard stop color gradient. Main title text is set to be displayed in the upper left corner of the Cover block and gradient stop is going through the text horizontally, seemingly cutting it in half: one half displayed outside the image, other half over the image.","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/cover,core\/group,core\/heading","footnotes":""},"pattern-categories":[5,13],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-44946","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-header","wporg-pattern-category-images"],"category_slugs":["header","images"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"100px\",\"bottom\":\"0px\"}}},\"backgroundColor\":\"white\",\"layout\":{\"contentSize\":\"1280px\",\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull has-white-background-color has-background\" style=\"padding-top:100px;padding-bottom:0px\"><!-- wp:cover {\"url\":\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/a005-scottw-542.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=4c9a2d8a1e68f709b73336d6edd26d6b\",\"focalPoint\":{\"x\":\"0.50\",\"y\":\"0.00\"},\"minHeight\":90,\"minHeightUnit\":\"vh\",\"customGradient\":\"linear-gradient(180deg,rgb(255,255,255) 8%,rgba(255,255,255,0) 8%)\",\"contentPosition\":\"top left\",\"align\":\"wide\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0px\",\"right\":\"5%\",\"bottom\":\"10%\",\"left\":\"5%\"}}}} -->\n<div class=\"wp-block-cover alignwide has-custom-content-position is-position-top-left\" style=\"padding-top:0px;padding-right:5%;padding-bottom:10%;padding-left:5%;min-height:90vh\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(180deg,rgb(255,255,255) 8%,rgba(255,255,255,0) 8%)\"><\/span><img class=\"wp-block-cover__image-background\" alt=\"\" src=\"https:\/\/img.rawpixel.com\/s3fs-private\/rawpixel_images\/website_content\/a005-scottw-542.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=4c9a2d8a1e68f709b73336d6edd26d6b\" style=\"object-position:50% 0%\" data-object-fit=\"cover\" data-object-position=\"50% 0%\" \/><div class=\"wp-block-cover__inner-container\"><!-- wp:heading {\"level\":1,\"style\":{\"typography\":{\"textTransform\":\"uppercase\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"lineHeight\":\"1\",\"letterSpacing\":\"-0.05em\",\"fontSize\":\"100px\"},\"spacing\":{\"margin\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}}},\"textColor\":\"black\",\"className\":\"alignwide\"} -->\n<h1 class=\"wp-block-heading alignwide has-black-color has-text-color\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:100px;font-style:normal;font-weight:500;letter-spacing:-0.05em;line-height:1;text-transform:uppercase\">Modern Design<\/h1>\n<!-- \/wp:heading --><\/div><\/div>\n<!-- \/wp:cover --><\/div>\n<!-- \/wp:group -->","favorite_count":70,"author_meta":{"name":"WebMan Design | Oliver Juhas","url":"https:\/\/ve.wordpress.org\/patterns\/author\/webmandesign","avatar":"https:\/\/secure.gravatar.com\/avatar\/34c19c0923466a5bf3c232ad7885b9985cd075c79ac0beb4b802c3ee80d71452?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/44946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":5,"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/44946\/revisions"}],"predecessor-version":[{"id":287370,"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/44946\/revisions\/287370"}],"author":[{"embeddable":true,"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/webmandesign"}],"wp:attachment":[{"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=44946"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=44946"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=44946"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/ve.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=44946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}