Removing The "Showing posts with label" / "No posts were found which match your query" Message

I say every chance that I get, that Labels Rock. They are very user friendly, and produce attractive results. In general.

There's one feature of labels that not everybody finds attractive, however.


The gray box.


This mysterious gray box, aka the "Status Message", may contain distracting advice like "No posts were found which match your query" or "Showing posts with label".

It will pop up unwanted, when you tweak your template - like making a static home page for the blog.

Fortunately, the mysterious gray box is not hard to remove - though it may require several tries.

Read these instructions, and decide for yourself which alternative may work better for you - then try one at a time. However you tweak your template, remember to clear cache, and restart the browser, after each try, for predictable results.

With the new Designer templates, that provide the "Add CSS" menu option, you simply need to add one CSS rule. Press "Enter", to create a blank line, before pasting the code!

.status-msg-wrap {
display: none !important;
}

With the newer Responsive templates, we can use the same technique - but the container name has changed.

.post-filter-message {
display: none !important;
}

The above tweak will remove everything in the status message. If you only want to remove the message for label searches, specifically, you can use a conditional, as we conditionally display template objects.

<b:if cond='data:blog.searchLabel'>
<style>
.status-msg-wrap,
.status-msg-body {display: none;}
</style>
</b:if>

or (again, for a Responsive template)

<b:if cond='data:blog.searchLabel'>
<style>
.post-filter-message {display: none;}
</style>
</b:if>

If "Add CSS" does not produce results, and neither of the above tweaks work, try adding the above code manually, using the Template Editor. As always, first back up your template.

If simply adding CSS does not produce results, then try up to 2 (well scripted) solutions. Again, try the Template Editor. Again, always start by backing up your template. Then, Expand Widget Templates (** See Note 2, below). Find

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:includable id='status-message'>  << Try 2: Remove This Line
<b:if cond='data:navMessage'>  << Try 1: Remove This Line
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>  << Try 1: Remove Thru This Line
</b:includable>  << Try 2: Remove Thru This Line

Delete that entire block of code denoted by "Try 1", carefully. Save Template.




(Note 1:): Some people have reported that, having removed the block of code denoted by "Try 1", that the entire block of code was replaced by the template editor. If you find this to be the case, repeat the process, deleting the block of code denoted by "Try 2".



Refresh cache.No more gray box.



(Note 2): It's possible that, with some templates (possibly newer ones), the code shown above, in an expanded widget, might be better removed while un expanded. In these cases, do not expand widget templates, simply look for and delete one line of code

<b:include data='top' name='status-message'/>

Having done that, backup your template, again.