更改Wordpress中的标题小部件的宽度

Question

我创建了标题小部件。我使用了这段代码：

首先，我将此代码放入Functions.php

    function wpb_widgets_init() {
    register_sidebar( array(
    'name' => 'Header Widget',
    'id' => 'header-widget',
    'before_widget' => '<div class="hw-widget">',
    'after_widget' => '</div>',
    'before_title' => '<h2 class="hw-title">',
    'after_title' => '</h2>',
    ) );

}
add_action( 'widgets_init', 'wpb_widgets_init' );

然后我将此代码添加到header.php

<?php

if ( is_active_sidebar( 'header-widget' ) ) : ?>
    <div id="header-widget-area" class="hw-widget widget-area" role="complementary">
    <?php dynamic_sidebar( 'header-widget' ); ?>
    </div>

<?php endif; ?>

现在，我的小部件宽度似乎小于我的容器宽度。我想改变一下。我尝试使用此代码：

.header-widget {
  clear: both;
  margin: 0 auto;
  width: 1200px;
}

但是它似乎没有任何作用。我在做什么错？

Answer 1

前端没有名为header-widget的类。 header-widget是后端中的小部件的ID。如果要在前端为小部件编写CSS，则可以使用header-widget-area或hw-widget widget-area，如下所示。我尝试过，它在本地主机上对我有用。

# {
  clear: both;
  margin: 0 auto;
  width: 1200px;
}

或

.header-widget {
  clear: both;
  margin: 0 auto;
  width: 1200px;
}