Hide Favicon png Files in file explorer (CSS Snippet)

Share & showcase
1

Greetings.

I recently added a terrible favicon to my publish site, and I didn’t like seeing the png files cluttering up my file explorer. (To clarify they never show up in a published site, but they are annoying in the desktop app)

I am not going to reference or move these low-resolution png’s around, so their appearance is pointless.

I wrote a CSS snippet for hiding files that start with favicon and end with .png

div[data-path^='favicon'][data-path$='.png']{
	display: none;
}

Hopefully someone finds it useful.

Be warned, if you select and move multiple files at a time, then these might accidentally get moved with them. Probably best to combine this with custom sort to push they out of any potential selection range.

1 Like