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

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

0 голосов
/ 26 марта 2020

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

Сначала я поместил этот код в функции. 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 Ответ

1 голос
/ 26 марта 2020

Нет класса с именем 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;
}
...