By default, Emporio Blogger theme displays a blurred image on post pages as seen in the screenshot below :
You can hide the blurred image so it displays just your blog background image as seen in the screenshot below:
###So, How Do I Hide It?
- Sign in to your Blogger dashboard at blogger.com
- Navigate to “Theme” > “Customize” > “Advanced” > “Add CSS”
- Copy and paste the code below into the box:
.bg-photo {
display : none;
}
- Click “Apply to Blog”.
That’s all.
Recommended : How To Add Background Image To Emporio Blogger Theme
Update :
If white space still appears below header especially on mobile view after applying the css code above, you can try this trick published on Mazinoweb.
Look for the following codes in your blog html and delete them.
<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: ".bg-photo" }' name='responsiveImageStyle'/>
<div class='bg-photo-container'>
<div class='bg-photo'/>
</div>
</b:if>
</b:if>
Have fun!