Thursday, February 12, 2026 | Good evening!

FlyingWPress

Meta Box and Font Awesome Icons

Meta Box and Font Awesome Icons

March 16, 2025

I like to use the Font Awesome option for post-type icons when using Meta Box, but occasionally, the icons seem to have a mind of their own and completely screw up the admin list. I found that the fix is rather simple — custom CSS.

Screenshot of the Font Awesom option in Meta Box.
Font Awesome option.
a.menu-icon-locations,a.menu-icon-episode{
    display: flex !important;
    align-items: center;
    padding-inline-start:.5rem !important;
    & .wp-menu-name{
        padding-inline-start:.75rem !important;
    }
}

The key is to get the post type’s name (a.menu-icon-[name of post type]. As you can see in the example above, I applied it to Locations and Episode post types. The second fix is the nested CSS for the left padding of the menu name.

Here is a before and after example.

Screenshot of the before and after.

Leave a Reply

Featured