Disable the default stylesheet

Note: We are unable to provide support for customizations under our Support Policy. If you need to customize a snippet or extend its functionality, we recommend working with a Woo Agency Partner or finding a WooCommerce developer on Codeable.

You need to add code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

Disable all stylesheets

↑ Back to top

WooCommerce enqueues 3 stylesheets by default. You can disable them all with the following snippet:

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

view raw wc-disable-default-stylesheet.php hosted with ❤ by GitHub

This is the recommended process if you’re building a custom theme. Removing the default WooCommerce stylesheet and enqueuing your own will protect you during WooCommerce core updates.

Disable specific stylesheets

↑ Back to top

If you want to disable specific stylesheets (i.e, if you do not want to include the handheld stylesheet), you can use the following:

	/**
	* Set WooCommerce image dimensions upon theme activation
	*/
	// Remove each style one by one
	add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
	function jk_dequeue_styles( $enqueue_styles ) {
	unset( $enqueue_styles['woocommerce-general'] ); // Remove the gloss
	unset( $enqueue_styles['woocommerce-layout'] ); // Remove the layout
	unset( $enqueue_styles['woocommerce-smallscreen'] ); // Remove the smallscreen optimisation
	return $enqueue_styles;
	}

	// Or just remove them all in one line
	add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

view raw wc-disable-specific-stylesheets.php hosted with ❤ by GitHub

Then enqueue your own stylesheet like so:

	/**
	* Enqueue your own stylesheet
	*/
	function wp_enqueue_woocommerce_style(){
	wp_register_style( 'mytheme-woocommerce', get_template_directory_uri() . '/css/woocommerce.css' );

	if ( class_exists( 'woocommerce' ) ) {
	wp_enqueue_style( 'mytheme-woocommerce' );
	}
	}
	add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );

view raw wc-default-stylesheet.php hosted with ❤ by GitHub