Remove Additional CSS From the Customizer

December 15, 2016

WordPress 4.7 introduced a section in the Customizer called Additional CSS. This section should replace the Custom CSS option that many themes include in their Theme Options, or those plugins created for the same purpose.

Sometimes though, especially for developers, this could be a bad feature, because they don’t want their customers to edit CSS as they want.

How to remove the Additional CSS from the Customizer?

Open the file functions.php in wp-content/themes/your-child-theme-name/ and add this code at the end of the file:

	/**
	* Remove the additional CSS section, introduced in 4.7, from the Customizer.
	* @param $wp_customize WP_Customize_Manager
	*/
	function mycustomfunc_remove_css_section( $wp_customize ) {
	$wp_customize->remove_section( 'custom_css' );
	}
	add_action( 'customize_register', 'mycustomfunc_remove_css_section', 15 );

view raw

functions.php

hosted with ❤ by GitHub

This code will remove completely the Additional CSS section from your WordPress site.

Remove the Additional CSS Conditionally

What if you want to remove it for everyone except administrators? In that case you’d need to check the user role too, and you can do it so:

	/**
	* Remove the additional CSS section, introduced in 4.7, from the Customizer.
	* @param $wp_customize WP_Customize_Manager
	*/
	function mycustomfunc_remove_css_section( $wp_customize ) {
	$user = wp_get_current_user();

	if ( ! $user->has_cap( 'manage_options' ) ) {
	$wp_customize->remove_section( 'custom_css' );
	}
	}
	add_action( 'customize_register', 'mycustomfunc_remove_css_section', 15 );

view raw

gistfile1.txt

hosted with ❤ by GitHub

This code will remove the section for everyone who can’t manage_options, so everyone who is not Admin or Super Admin.

You can do even more, and leave it only for specific users based on their ID:

	/**
	* Remove the additional CSS section, introduced in 4.7, from the Customizer.
	* @param $wp_customize WP_Customize_Manager
	*/
	function mycustomfunc_remove_css_section( $wp_customize ) {
	$user = wp_get_current_user();

	if ( $user->ID !== 1 ) {
	$wp_customize->remove_section( 'custom_css' );
	}
	}
	add_action( 'customize_register', 'mycustomfunc_remove_css_section', 15 );