Skip to content

Increase the WPBakery Edit Element Window Font Size

WPBakery sets its form fields to 12px by default, which I found too small to read comfortably. So Total loads a small bit of CSS that bumps it to 13px. I went with 13px rather than 14px because 14px starts to crowd the panel layout, and 13px matches the size most modern admin UIs use.

If you'd prefer something different, the size is set with a CSS variable, so you can change it without overriding any selectors. Add the following to your child theme's functions.php and change the value to whatever size you want. I would recommend staying under 15px, since the panel layout is built around the smaller text and larger sizes can cause labels to wrap.

This only affects the admin editor and won't change anything on the live site.

/**
 * Increase the WPBakery edit element window font size.
 */
add_action( 'admin_head', function() {
	echo '<style>:root{--total-wpb-form-font-size:14px!important;}</style>';
} );
All PHP snippets should be added via child theme's functions.php file or via a plugin.
We recommend Code Snippets (100% Free) or WPCode (sponsored)
Related Snippets
Back To Top