How to hide empty callouts

[Basomatic]

Hi all!

What I’m trying to do

I use callouts in which I have dataview and task queries.
However, I want to hide the callouts when the rendered list is empty.

Things I have tried

I found this bit of CSS code that hides H6 without lists:

How to Hide heading above a task query when query yields no result?

Things I have tried I have searched the forum, the Tasks plugin manual as well as the plugin Q&As What I’m trying to do I have the following task queries: ### Overdue ```tasks not done due before today ``` ### Due today ```tasks not done due today hide due date ``` ### Scheduled for today ```tasks not done scheduled today hide scheduled date ``` ### Starting today ```tasks not done has start date starts on today hide start date ``` Works fine. But if one of the queries is empty (e.g. when…

I rewrote it to callouts:

div.HyperMD-callout:not(:has(+ div>div.block-language-tasks>div>ul>li)),              
div:has(> .callout):not(:has(+ div>div.block-language-tasks>div>ul>li)) {
 display: none !important;
}

div:has(> div.block-language-tasks):not(:has(li)) {
 display: none !important;
}

This however will hide all callouts that have text in stead of lists in them. Worse, it seems to hide even callouts that DO contain lists.

Anybody any ideas please?