To Move Blue Post Wrapper To Under Picture Procedure... (BlogInn) (https://themeforest.net/item/bloginn-bold-theme-for-jekyll/15504914/comments)

index.html

<div class="entry-header-wrap">             <!-- Mvoe From -->
    {% if post.banner_image %}
      <a href="{{site.baseurl}}{{post.url}}" class="post-thumbnail"><img src="{{ "/images/posts/" | append: post.banner_image | prepend: site.baseurl }}" alt="{% if post.banner_image_alt %}{{ post.banner_image_alt }}{% else %}{{ post.title }} {% endif %}"></a>
    {% endif %}
<!-- Mvoe to Under banner_image -->        <div class="entry-header-wrap">   
  
  
  <!-- Do this for all entry-header-wraps  in files post.html page.html-->
  

main.scss

.entry-title {
    background-color: $picton-blue;
    clear: both;
    color: $white;
    float: left;
    font-size: 36px;
    // margin: 60px 0 0;    
    margin: 0 0 0;    
    max-width: 75%;
    padding: 30px;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

tags.html (Archives)

<img src="/images/archive.jpg" height="auto" width="100%">
<div class="entry-header-wrap">  

if you want banner_image in the archive (taken from pages.html)

front matter...

--------------
banner_image: archive.jpg
---------------

{% if page.banner_image %}
<div class="post-thumbnail">
<img src="{{ "/images/" | append: page.banner_image | prepend: site.baseurl }}" alt="{% if page.banner_image_alt %}{{ page.banner_image_alt }}{% else %}{{ page.title }}{% endif %}">
</div><!-- .post-thumbnail -->
{% endif %}

in the place of img src...

The real answer is...

.post-thumbnail + .entry-title {
   bottom: 0px;
    left: 0px;
    position: absolute;    
}

and edit it like this:

.post-thumbnail + .entry-title {
   margin: 0;
}

That's it!