Изменить ширину виджета заголовка в Wordpress

Я создал заголовок виджета. Я использовал этот код:

Сначала я поместил этот код в 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;
}

Но, похоже, ничего не делает. Что я делаю неправильно?

Всего 1 ответ


Нет класса с именем header-widget во header-widget интерфейсе. header-widget - это идентификатор виджета в бэкэнде. Если вы хотите написать CSS для вашего виджета во внешнем интерфейсе, вы можете использовать header-widget-area или hw-widget widget-area как показано ниже. Я пытался, и это сработало для меня в localhost.

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

или же

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

Есть идеи?

10000