How to Remove or hide the tag/label name from the featured image area of a Blogger post?

Remove or hide the tag/label name from the featured image area of a Blogger post is very simple just need to follow these 2 steps.

 

Option 1. Using CSS (Simple Method)

Option 2.Editing HTML (Advanced Method).

 

Option 1. Using CSS (Simple Method)

 

How to hide the tag/label name from the featured image area of a Blogger post using CSS adding method.

 

Here is the Stapes Go to Blogger Dashboard → Theme → Click on Customize → Advanced → then click on primary color scroll down and click Add CSS Then copy this CSS code

 

👉.post-labels, .labels, .post-footer .post-labels {

  display: none !important;

}

👈

 

And pest on Add custom CSS line bellow, then go to lower right corner and click on save them option. Then check the website tag/label will be not showing on blogger post featured image.

 This is very simple and easiest way fix this issue.

 

 

Option 2: Editing HTML (Advanced Method)

 

Editing HTML (Advanced Method) is quit risky method if it is not follow properly, carefully your site will be in treble so, make sure before going to apply this method take a backup of your site and themes.

 

Go to Blogger Dashboard → Theme → Click the ▼ arrow next to Customize → Choose Edit HTML and click on your mouse then

 

Press Ctrl + F and search for:👉<b:if cond='data:post.labels'>👈

 

 

 

then Carefully remove the label section code like this 👉<!--

<b:if cond='data:post.labels'>

  <span class='post-labels'>

    ...your theme's label display code...

  </span>

</b:if>

-->

👈 Now Save the theme and done.

 

 

 

 

 

Here is the video guide how to remove or hide the tag/label name that appears on the featured image of your Blogger posts.

 

Whether you're using a default Blogger theme or a custom one, this simple step-by-step guide using CSS and HTML will help you clean up your blog layout for a more professional look.

 

✅ No coding experience needed

Find more related post here