如何删除WooCommerce中徽标下的行？

Question

我试图删除徽标下的行：http://buyfireworks-shop.co.uk/product-category/roman-candles/我无法移除徽标下的白色边框。我尝试了各种CSS无济于事。

Answer 1

在内联样式表＃4中更新此类，如果您正在使用它，则可能需要在页面构建器中执行此操作，如果您在WooCommerce中找不到它，则需要使用Visual Composer或DiviBuilder;来自内存Woo没有管理员样式可访问：

.mk-header { border-bottom: 1px solid #ededed; }

通过将border-bottom设置为none来删除白色边框：

.mk-header { border-bottom: none; }

此样式在页面上添加了内联样式表，因此您需要重写它，或者要特别注意特殊性;确保你的.mk-header边界修复在加载WooCommerce东西后的最后一个css文件中。

如果您仍然遇到WooCommerce样式的问题，可以disable them entirely in functions.php

// 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_false' );