带有虚线的页眉引导程序

Question

我正在使用组件页面标题，这会创建一个边框 - bottom: 1px solid #eee;我想要更改此边框是否为点缀的引导类？或者我需要手动完成？

<div class="page-header">
  <h1>Example page header <small>Subtext for header</small></h1>
</div>

谢谢。

Answer 1

你可以覆盖它的样式。这仅适用于在引导样式表之后加载样式表的情况。

如果是这种情况，请执行以下操作：

function w_label_name () {
    global $post;
    $terms = get_terms( 'w_label' );
    if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){
        foreach ( $terms as $term ) {
            echo '<div class="label">' . $term->name . '</div>';
        }
    }
}
add_action( 'woocommerce_before_shop_loop_item_title', 'w_label_name', 10 );

Answer 2

你只需要添加一些CSS。

.page-header {
   border-bottom: 1px dotted #eee;
}