Как я могу устранить поля сверху и снизу контейнера

Question

Я разрабатываю сайт WordPress с использованием темы подчеркивания, и я просто добавил виджет с контактной информацией на свой сайт со следующим кодом:

<div class="topheader">
   <div class="info">
      <?php if( is_active_sidebar( 'info' ) ) : ?>          
          <?php dynamic_sidebar( 'info' ); ?>
       <?php endif; ?>
   </div>
 </div>

CSS:

.topheader {
    background-color:#e6e6e6;
}
.info {
    max-width: 1280px;
}

Информация это первое, что я на странице. Но я вижу, что сверху и снизу есть место, где находится мой слайдер.

Как я могу устранить существующее поле, которое я вижу до и после заголовка?

Потому что в данный момент у меня разрыв, затем виджет, а после виджета есть еще один разрыв и только потом ползунок. Я пытался установить поле заголовка 0px, но это не сработало.

Вот скриншот

Answer 1

Просто осмотрите элемент и проверьте, что вызывает запас. Вы можете попробовать этот код. Это может помочь. Но не уверен, потому что ваш вопрос недостаточно ясен, чтобы знать ваш код.

*{
margin: 0;
padding: 0;
}
.top-header, .info {
margin: 0;
padding: 0;
}

Answer 2

Вы должны установить начальные значения в css следующим образом:

body, html {
  margin: 0;
  padding: 0;
}

В противном случае, пожалуйста, скопируйте весь код страницы здесь. Откройте его в браузере, откройте код сайта и скопируйте все.

Answer 3

Как я могу устранить существующее поле, которое я вижу до и после заголовка?

Под заголовком вы подразумеваете тег H3 случайно? Это по умолчанию на боковых панелях. Вы должны просто установить margin-top:0 на тегах H3 на боковых панелях, чтобы избавиться от любого отступа на боковой панели.

Чтобы противодействовать этому, я бы добавил несколько margin-bottom в блок виджета, чтобы немного разнести их.

Я думаю, это то, что вы имеете в виду... но это трудно понять без какого-либо визуального представления о вашей проблеме.