Featured Image Layout Post Page Full Screen Cover on Twenty Twenty-Two

  • Resolved adrianid

    (@adrianid)


    2 years, 6 months ago

    Hi there,

    On Twenty Twenty-One theme, I able to apply Featured Image Layout -> Full Screen Cover with using the plugin via customize. Unfortunately, I am struggling to find the option on Twenty-Two theme.

    Is anyone able to help where to find this option? I tried to tweak the featured image block but didn’t find a clue.

    Thank you,
    Adrian

Viewing 1 replies (of 1 total)
  • Plugin Author Twentig

    (@twentig)

    Hi Adrian,

    To achieve a full-screen cover with Twenty Twenty-Two, you should use the Cover block:

    1. Inside your page or template, insert a Cover block.
    2. In the top toolbar, click on the “Full width” button and the “Toggle full height” button.
    3. Next, click on “Use featured image” in the top toolbar.

    Or you can paste the following code to insert a full-screen cover:

    <!-- wp:cover {"useFeaturedImage":true,"dimRatio":50,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

    Hope that helps,
    Yann

Viewing 1 replies (of 1 total)
  • The topic ‘Featured Image Layout Post Page Full Screen Cover on Twenty Twenty-Two’ is closed to new replies.