Remove the header image for posts in Emporio

The new Emporio template features a large, blurred-out copy of the featured image for a post as the header image. Some like this feature, some don't - here's how to remove it if you're not a fan!
  1. Head to Theme => Edit HTML
  2. Search for 'data:view.isSingleItem'
  3. The code that you see should look something like this: 
    <b:if cond='data:view.isSingleItem'>
      <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
        <b:include
               data='{
                        image: data:widgets.Blog.first.posts.first.featuredImage,
                        selector: &quot;.bg-photo&quot;
                     }'
               name='responsiveImageStyle'/>
        <div class='bg-photo-container'>
          <div class='bg-photo'/>
        </div>
      </b:if>
    </b:if>
  4. Delete the XML including the <b:if> tag code.


Happy Emporio'ing!

Comments

  1. Thanks for this. Am able to remove the image on www.talkonpoints.com

    ReplyDelete
  2. Is there a way to make the scroll header on Emporio themes white with some transparency?

    ReplyDelete

Post a Comment

Popular posts from this blog

Filter out certain labels from my Blog Homepage

Change the landing page of my blog

Get Facebook to show feature image for your Blog's Homepage