Tuesday, 1 August 2017

How To Remove The Background Blurred Image On Post Pages Of Emporio Theme

If you are using Emporio blogger theme, you will see that when you click on a post, there is usually a blurred background image at the top. If you will like to remove it or hide it, this post will show you how to do so.

There are two methods of doing so. One is by deleting the codes inside of the Emporio theme responsible for the blurred image. The second method is to add  CSS code to hide the blurred background image.

Let proceed with the first method

==> Sign into your blogger dashboard at blogger.com.

==> Go to Theme > Edit HTML.

==> Look for the following codes 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: &quot;.bg-photo&quot;                                }' name='responsiveImageStyle'/>
              <div class='bg-photo-container'>
                <div class='bg-photo'/>
              </div>
            </b:if>
          </b:if>

==> Click Save Theme.
That's all.
The second method
==> Sign into your blogger dashboard at blogger.com.
Go to Theme > Edit HTML.
==> Search for this code ]]> </b:skin>
==> Add the following codes below it:
<style type='text/css'>
.bg-photo {display:none !important;}
</style>

==> Click Save Theme.

That's all

Now let me explain some things here. When you delete the codes from inside the theme you will be able to add a gadget at the top sidebar. 


If you choose to only hide the blurred background photo, your first gadget on the sidebar will not be at the top, parallel to the post title. There will be a free space.


I know most users of the Emporio blogger theme will want to remove the background photo that always appears when a post is viewed.  If you tried these methods, and it worked for you, do share with others by using the social media buttons.

Happy blogging.

4 comments:

  1. I Love This Post, Thank You Share With Us.
    Mobile

    ReplyDelete
  2. Really reliable and also valuable write-up. I was discovering a professional background removal service however after seeing your message I can remove background quickly.

    ReplyDelete
  3. Thanks For Sharing. Remove background: How to remove background from an image in Photoshop Order Now

    ReplyDelete

Designed by Jide Ogunsanya.