Written by Admin on 2025-05-06

WordPress Hiding My File Blocks with Download Buttons

If you're a WordPress user who likes to add file blocks to your posts or pages, you may have run into a frustrating issue: sometimes, when you add a file block and set it to download instead of opening in a new window, the block disappears. You know the block is still there (you can see it in the visual editor), but in the actual post or page, there's just a blank space where the block should be.

The good news is that there's a solution to this problem. It turns out that WordPress automatically adds a download button to file blocks that are set to download, and sometimes this button covers up the actual block content. To fix this, you just need to add a bit of custom CSS to your site that will hide the download button and reveal the file block.

To do this, you'll need to add the following code to your site's custom CSS:

css .wp-block-file .wp-block-file__button { display: none; }

This code targets the download button specifically (.wp-block-file__button) and sets its display property to "none," effectively hiding it. Once you've added this code to your site's CSS, the file blocks that were disappearing should now be visible again.

It's worth noting that if you're not comfortable editing your site's CSS directly, there are a few plugins available that can help you add custom CSS without needing to touch any code. One popular option is the "Simple Custom CSS and JS" plugin, which allows you to add custom CSS via a simple interface in your WordPress dashboard.

In conclusion, if you've been struggling with disappearing file blocks in WordPress, the solution is actually quite simple: just add a bit of custom CSS to hide the download button and reveal the file block content. With this fix in place, you'll be able to share your files with your readers without any frustrating hiccups.