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'>
                        image: data:widgets.Blog.first.posts.first.featuredImage,
                        selector: &quot;.bg-photo&quot;
        <div class='bg-photo-container'>
          <div class='bg-photo'/>
  4. Delete the XML including the <b:if> tag code.

Happy Emporio'ing!


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

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


Post a comment

Popular posts from this blog

Add syntax highlighting to my Blog

Change my post timestamps to a custom format

Add snippets to the Emporio theme