markcorpuz

<div class="adsense-matchedcontent">
<h4 class="item-widgettitle space-bottom space-top-double clearfix">SUGGESTED ARTICLES</h4>
<div class="space-bottom clearfix"></div>
[spk_google_suggested_articles_js][/spk_google_suggested_articles_js]
</div>

<h4 class="item-widgettitle"><a href="http://www.understandingrelationships.com/category/essential-fundamentals">ESSENTIAL FUNDAMENTALS</a></h4>
<div class="space-bottom clearfix"></div>
[soliloquy id="23020"]

markcorpuz

<div class="item-subscribe">
<div class="pretitle"><span class="fontsize-xsml">For A</span> <span class="fontsize-sml">LIMITED TIME ONLY</span><span class="fontsize-xsml">Get </span> <span class="fontsize-sml">FREE</span> <span class="fontsize-xsml">Copies Of My</span></div>
  <div class="photo"></div>
  <div class="title"><span class="fontsize-med">Enter Your Name &amp; Email Below for Instant Access:</span></div>

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
  #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
  /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.

markcorpuz

<h4 class="item-widgettitle space-bottom space-top-double clearfix">SUGGESTED ARTICLES</h4>
<div class="space-bottom clearfix">&nbsp;</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br><ins class="adsbygoogle" style="display: block;" data-ad-format="autorelaxed" data-ad-client="ca-pub-0947746501358966" data-ad-slot="2135583692"></ins><br><script><br />
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

markcorpuz

<!-- wp:image {"id":39646,"sizeSlug":"large","className":"hide-meddown"} -->
<figure class="wp-block-image size-large hide-meddown"><img src="https://understandingrelationships.com/wp-content/uploads/COR_Site-Main_FreeBook_03c_200714-1024x906.jpg" alt="" class="wp-image-39646" title=""/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":39694,"sizeSlug":"large","className":"hide-medaboveup"} -->
<figure class="wp-block-image size-large hide-medaboveup"><img src="https://understandingrelationships.com/wp-content/uploads/COR_Site-Main_FreeBook-Mobile_04_200715.jpg" alt="" class="wp-image-39694"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":1} -->
<h1><strong>Sign Up To Get Free Access</strong></h1>

markcorpuz

<!-- wp:image {"id":39646,"sizeSlug":"large","className":"hide-meddown"} -->
<figure class="wp-block-image size-large hide-meddown"><img src="https://understandingrelationships.com/wp-content/uploads/COR_Site-Main_FreeBook_03c_200714-1024x906.jpg" alt="" class="wp-image-39646" title=""/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":39694,"sizeSlug":"large","className":"hide-medaboveup"} -->
<figure class="wp-block-image size-large hide-medaboveup"><img src="https://understandingrelationships.com/wp-content/uploads/COR_Site-Main_FreeBook-Mobile_04_200715.jpg" alt="" class="wp-image-39694"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":1} -->
<h1><strong>Sign Up To Get Free Access</strong></h1>

markcorpuz

/**
 * IMAGE
 * _LINK
 * _NOLINK
 * 
 * + FEATURED-IMAGE
 * + ICON-IMAGE
 * + BG-IMAGE
 */

markcorpuz

/**
 * IMAGE
 * _LINK
 * _NOLINK
 * 
 * + FEATURED-IMAGE
 * + ICON-IMAGE
 * + BG-IMAGE
 */

markcorpuz

<?php

if ( ! defined( "ABSPATH" ) ) {
    exit; // Exit if accessed directly
}

//global $pid; // this is the post ID that's going to be passed from the main file
$pid = get_the_ID();

// WHEN MAKING A TEMPLATE, ALWAYS COPY THE LINES FROM 1 TO HERE AND DO YOUR CHANGES BELOW

markcorpuz

<?php

if ( ! defined( "ABSPATH" ) ) {
    exit; // Exit if accessed directly
}

//global $pid; // this is the post ID that's going to be passed from the main file
$pid = get_the_ID();

// WHEN MAKING A TEMPLATE, ALWAYS COPY THE LINES FROM 1 TO HERE AND DO YOUR CHANGES BELOW

markcorpuz

// This is the code that Gutenberg generates for Cover. The idea is that it puts a background image into a container and acts as a background image in addition to text. You can see the reference link of what it looks like here: https://setup-starter.basestructure.com/block-cover/

<div class="wp-block-cover alignwide has-background-dim" style="background-image:url(https://setup-starter.basestructure.com/wp-content/uploads/2019/01/mock-ratio-169-speaker.jpg)"><div class="wp-block-cover__inner-container">
<p class="has-text-align-center has-large-font-size">Cover Wide (w BG Image) &amp; Text</p>
</div></div>

// Now I want to use our template at SETUP-FEATURE-DISPLAY-POST to add the background image applied into the section where it says style="". I just need your help to figure out how I can do this. Thanks.