WordPress admin sidebar typography

Set the exact admin menu font size

Custom Admin Menu Font Size lets you set the type size of the sidebar menu, its icons and the submenu independently, in px, em, rem or %.

  • Three independent controls: menu, menu icons and submenu.
  • Choose px, em, rem or % for each one separately.
  • A dedicated Reset button returns any field to its default.
  • Applied instantly with !important, overriding the active admin theme.
Admin Sidebar TypographyCustom Admin Menu Font Size
Menu14pxemrem%Reset
Menu Icons20pxemrem%Reset
Sub Menu13pxemrem%Reset
Sidebar resizedApplied instantly across every admin screen.
Active
Quick answer

What does Custom Admin Menu Font Size do?

When the admin_menu_font_size module is active, TOWP_Admin_Menu_Font_Size reads three independent value-and-unit pairs, for the menu, its icons and the submenu, and injects a small stylesheet on admin_head that sets each one's font-size with !important. Only a positive numeric value produces a rule; a field left at zero or blank gets skipped entirely, so WordPress's own sidebar sizing stays untouched for that element. The unit itself is restricted to px, em, rem or %, defaulting to px if anything else is stored.

The "one size fits no screen" problem

The WordPress sidebar is tuned for one screen size

A single default type size can't fit every monitor or every menu length equally well, and WordPress core offers no way to adjust it.

A laptop-sized default doesn't scale

WordPress's default sidebar type size is comfortable on a typical laptop screen, but looks sparse and oversized on a large monitor and cramped on a dense, icon-heavy install.

There's no built-in way to adjust it

Changing the sidebar's font size normally means writing custom admin CSS by hand, one selector at a time, for the menu, its icons and the submenu separately.

A dedicated WordPress solution

Three fields, not custom CSS

The module turns sidebar typography into three simple fields instead of a hand-written stylesheet.

Menu, icons and submenu, separately

The top-level menu, its icons and the submenu each get their own value and unit, since they rarely need to change together.

Any CSS unit that makes sense

Choose px for a fixed size, or em, rem and % for a size that scales with the rest of the interface.

One click back to default

A Reset button next to each field returns it to WordPress's own comfortable default without guessing the original number.

Verified feature set

Precise sidebar typography in one panel

Every capability below is present in the supplied PHP class, its settings renderer and settings registration.

Units

px, em, rem or %

Each field's unit is validated against a fixed list; anything else falls back to px automatically.

4 unitsFalls back to px
Validation

Only positive numbers apply

A zero, blank or non-numeric value is skipped entirely, so an incomplete field never breaks the sidebar.

is_numericSilently skipped
Delivery

A tiny inline stylesheet

A single style block is echoed on admin_head, containing only the rules for fields that were actually set.

admin_headInline <style>
Priority

Overrides the active theme

Every generated rule includes !important, so the custom size wins over whatever the active color scheme or admin theme sets.

!importantTheme-independent
Defaults

Sensible starting values

Menu, icons and submenu default to 14px, 20px and 13px, matching WordPress's own comfortable sidebar sizing.

14px / 20px / 13pxReset-friendly
Practical use cases

Where sidebar sizing helps most

The module supports the screens and menu lengths WordPress's default sizing wasn't tuned for.

Large or high-resolution monitors

Increase the sidebar text size so a spacious desktop monitor doesn't leave the menu looking disproportionately small.

Menus with a lot of items

Reduce the size slightly on a site with many plugins and custom post types, so a long menu fits more comfortably without scrolling.

Accessibility and readability

Set a consistently larger, more legible size for anyone who spends long stretches of time working in wp-admin.

Operational benefits

Sidebar typography without a stylesheet

The module combines fine control, unit flexibility and easy undo in one small panel.

Fine control without writing CSSThree number fields replace what would otherwise be a hand-written custom stylesheet.
Fixed or relative sizing, your choicePicking px, em, rem or % per field means the sizing can be absolute or scale with the rest of the page.
Easy to undoThe per-field Reset button makes experimenting with a size low-risk, since getting back to default takes one click.
Applies to every admin screen at onceBecause the sidebar appears on every page in wp-admin, one adjustment reaches the entire admin experience.
Performance behaviour

A tiny stylesheet, nothing more

The verified implementation prints only what's actually configured, and nothing when it isn't.

One small style block

The generated CSS is a handful of rules at most, injected once per admin page load.

Nothing printed when unset

If no field has a valid value, the module returns before printing anything at all.

No JavaScript required

The sizing is pure CSS, injected server-side, with nothing to compute or apply on the client.

Security implementation

Validated values, escaped output

The code checks every value before it reaches the page and restricts editing to administrators.

01

Every value is validated before use

A value has to pass is_numeric() and be greater than zero before it's used in a generated rule.

02

The unit is restricted to a fixed list

Only px, em, rem or % can end up in the output; any other stored value falls back to px.

03

Output is escaped

The generated font-size value passes through esc_attr() before being placed into the inline stylesheet.

04

Administrator-only configuration

Only an administrator with access to TheOneWP settings can change these values.

Verified compatibility

Built around the real WordPress sidebar markup

The supplied code integrates through APIs present in WordPress core. No compatibility claim beyond the verified implementation is assumed.

Hook

admin_head

The stylesheet is printed on the standard admin_head action, the same point most admin styling is added.

admin_headInline style
Selectors

Core WordPress sidebar markup

Targets #adminmenu li.menu-top > a, .wp-menu-name, .wp-menu-image:before and .wp-submenu a, the actual markup WordPress renders.

#adminmenuwp-submenu
Specificity

!important overrides

Because each rule uses !important, the custom size takes priority over whatever color scheme or admin theme is active.

!importantAny color scheme
Solution comparison

TheOneWP versus common alternatives

Compare the verified Custom Admin Menu Font Size implementation with a typical hand-written admin CSS snippet.

CapabilityTheOneWP Custom Admin Menu Font SizeOther common solutions
Changing sidebar type size Three number fields with unit choice, no codeUsually requires a custom admin CSS snippet
Menu, icons, submenu separately Each one adjustable independentlyA single hand-written rule often affects all three at once
Undoing a change A dedicated Reset button per fieldRequires remembering or looking up the original CSS
Unit flexibility px, em, rem or % per fieldA hard-coded value in a snippet, usually just px
Administration One panel inside TheOneWP settingsRequires editing a child theme's CSS file directly
Recommended workflow

Resize the sidebar in four steps

Adjust one field at a time so it's clear which change actually helps.

01

Enable Custom Admin Menu Font Size

Activate the module from the TheOneWP Backend settings tab.

02

Set the menu size

Enter a value and unit for the top-level menu items.

03

Adjust icons and submenu

Set the menu icons and submenu sizes independently, or leave either at its default.

04

Check the sidebar, and reset if needed

Reload any admin screen to see the sidebar at its new size; use Reset on any field that didn't land where expected.

Best practices

Resize with intent, not guesswork

A little discipline keeps sidebar sizing changes easy to evaluate and reverse.

01

Adjust one field at a time

Changing the menu, icons and submenu sizes together makes it harder to tell which change actually improved readability.

02

Match the unit to the intent

Use px for a fixed size, or em and rem if the sidebar should scale alongside a browser zoom or a base font-size change elsewhere.

03

Check both a dense and a short menu

A size that looks right with a handful of top-level items might feel different once every installed plugin adds its own entry.

04

Reset rather than guess

If a value stops looking right, use Reset instead of trying to recall the original number.

Common mistakes

Avoid assumptions that produce odd results

The module's validation rules are deliberate, and a couple of them are easy to misread.

Entering zero to try to hide the text

A value of zero is treated as unset, not as a way to hide text, so the field is simply skipped.

Mixing units without a reason

Setting one field in px and another in % can produce sizes that don't relate to each other the way they visually appear to.

Forgetting Reset is per field

Resetting the menu size doesn't affect the icon or submenu sizes; each Reset button only touches its own field.

Frequently asked questions

Custom Admin Menu Font Size FAQ

These answers come directly from the verified class, its settings renderer and settings registration.

What does Custom Admin Menu Font Size do?

It sets the font size of the WordPress sidebar menu, its icons and the submenu independently, each with its own value and unit.

Can I set a different unit for each field?

Yes. The menu, menu icons and submenu can each use px, em, rem or % independently of one another.

What happens if I leave a field at zero?

It's treated as unset. No rule gets generated for that element, so WordPress's own default sizing stays in place.

Does the custom size override the active admin color scheme?

Yes. Every generated rule includes !important, so it takes priority regardless of which color scheme is active.

What are the default sizes if I've never touched this setting?

Menu: 14px, Menu Icons: 20px, Sub Menu: 13px, matching WordPress's own comfortable sidebar sizing.

Does this module require writing any CSS?

No. Values are set through number fields and unit buttons, with a small stylesheet generated automatically.

Can I undo a change without remembering the original value?

Yes. Each field has its own Reset button that returns it to its default.

Does this affect the front end of the site?

No. The generated CSS only targets the WordPress admin sidebar, inside wp-admin.

What happens if I enter an invalid unit?

It isn't possible through the interface, since only px, em, rem and % are offered; any other stored value falls back to px automatically.

Where does the generated CSS get added to the page?

In a small inline <style> block printed on the standard admin_head action.

Stop squinting at, or losing space to, the sidebar.Set the size that actually fits.

Use Custom Admin Menu Font Size to size the menu, its icons and the submenu independently, in whichever unit makes sense.