Empty State for Dynamic List won't accept display:none

[pixelsock (Nick)]

I’m running into a weird issue that I believe is new to our published site.

I have created a class “empty” that I apply to the empty state of dynamic list. However the display none isn’t hiding the Empty State. See attached screenshot. It’s also appearing on the live site.

https://preview.webflow.com/preview/mwf?preview=cc2375212ef033fa8d6c2cc38b28061b

[spirelli]

Your

.empty {display: none;}

is being overwritten by a more specific instruction in the Webflow style sheets:

html .w-dyn-empty.wf-display-empty {display: block;}

Not great that it works like this.

I’ve had the same issue and solved it by deleting the ‘text block’ in the ‘empty’ container, and then applying 0 padding to the ‘empty’ container.

Hope that helps.

[Brando (Brandon Roche)]

Hi @pixelsock

It looks like you have have a filter set for “featured = on”, but there are no collection items with the featured switch enabled.

If you remove the featured switch filter,

or enable the switch on a collection item the dynamic list will populate.

Hope this helps!

[pixelsock (Nick)]

Hey @Brando, thanks for the detail in the response, but that didn’t really answer my question. I set it up that way on the on purpose. If there isn’t content don’t show it… I still feel like this is a bug and not a CMS help.

I’m trying to figure out why @spirelli comment is true. Why can’t I just create a display:none class for Empty States?

I designed it this way previously and it was working fine.

[Brando (Brandon Roche)]

Hi @pixelsock

Apologies for the misunderstanding and thanks for the clarification.

The empty state stays visible in the Designer for designing, but it is not visible on the published site:

Are you seeing the empty state in the published version of your site?

Thanks in advance!

[pixelsock (Nick)]

@Brando not on the home page dynamic list but on the location pages they are still present.

http://mwf.webflow.io/charlotte
http://mwf.webflow.io/houston

[spirelli]

@spirelli

being overwritten by a more specific instruction in the Webflow style sheets:

html .w-dyn-empty.wf-display-empty {display: block;}

Looks like this is only the case in preview mode, but not on the published site, which isn’t that great.

@pixelsock

but on the location pages they are still present.

Charlotte, NC

It looks as if you haven’t applied your ‘empty’ class on this page. Can that be the case?

[Brando (Brandon Roche)]

Hi @pixelsock

You can set the empty state to display: none on the Charlotte and Houston pages to fix this.

Here is a quick GIF: Screen Recording 2017-03-15...

Hope this helps!

[pixelsock (Nick)]

This is working now! Thank you both for your help! @spirelli It’s now working on the live site again. But still not in the designer (which I can live with).

Thanks again.