Here’s how to remove the new ‘leaf’ icon on the “Write” button for your free WordPress blogs. It began to appear today, on the old Classic Editor. For frequent bloggers it’s going to get old very quickly, and it may be that the space will become a micro-platform for more ‘messaging’ in future. This trick will not work on the newer editor, which appears to use dynamic SVG icons.

1. In the Stylus addon for your Web browser, create a new UserStyle for your target blog: top icon, click, ‘create a style for this site’.

Your new style will override the site’s default design, but only on the small bit that you specify.

2. Paste the following into the new blank style…

#wpadminbar ul li#wp-admin-bar-ab-new-post a:before {
background-image: none !important;
width: 1px;
height: 1px;
background-repeat: no-repeat;
margin-top: 6px;
margin-left: -5px;
}

Note that you may also want the indenting, which is not being captured in the code block above and which should look like this…

This removes the leaf icon by setting it to ‘none’, and also removes the spacing area that it sits inside.

3. Down at the bottom of the new UserScript, also tweak the sites it applies to. Now it applies to all your wordpress.com blogs. No wildcard * is needed here…

Name and save the UserStyle. Reload the site and the leaf icon is gone.

You can also DIY and block any such small annoyances in a similar way. Use uBlock Origin’s right-click / ‘inspect element’ to see the target CSS code required, if they can’t be blocked more easily using the uBlock Origin eyedropper tool.