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

Make my background image responsive

Filter out certain labels from my Blog Homepage

Change the landing page of my blog