Hide Section If Empty CMS
Utility
CMS
CSS
- Give section an attribute name of data-hide-if-empty-cms
- Section will be hidden if it contains no cms items
<style>
[data-hide-if-empty-cms]:not(:has(.w-dyn-item)) {
display: none;
}
</style>Preview Links
Custom JS
Enable custom code in preview or view on published site.
Enable custom code?
Last Updated: Dec 4, 2025
- Give section an attribute name of data-hide-if-empty-cms
- Section will be hidden if it contains no cms items
<style>
[data-hide-if-empty-cms]:not(:has(.w-dyn-item)) {
display: none;
}
</style>