1、在主题founction.php添加以下代码
add_action( 'wp_enqueue_scripts', 'my_woocommerce_enqueue_styles' );
function my_woocommerce_enqueue_styles() {
// 确保WooCommerce已加载
if ( class_exists( 'WooCommerce' ) ) {
// 注册自定义CSS样式
wp_register_style( 'my_custom_woocommerce_css', get_template_directory_uri() . '/css/woocommerce.css', array(), filemtime( get_template_directory() . '/css/woocommerce.css' ) );
// 添加自定义CSS样式到队列
wp_enqueue_style( 'my_custom_woocommerce_css' );
}
}
2、在主题文件夹中建立css文件夹，添加文件woocommerce.css
【/css/woocommerce.css】
.woocommerce-js div.product .woocommerce-tabs ul.tabs li {
margin: 0 -1.5em 0 -0.5em !important;
overflow: hidden !important; /* 隐藏超出的文本*/
text-overflow: ellipsis !important; /* 使用省略号表示超出的文本*/
white-space: nowrap !important; /* 不换行*/
}
