Блог

Главная - Вопросы по программированию - Как удалить пробелы с веб-сайта по его элементу

Как удалить пробелы с веб-сайта по его элементу

#html #css

#HTML #css

Вопрос:

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

Ниже приведен код с моим экспериментальным CSS:

 /* Experiment padding and margin */
.post-inner{
    padding-top:0;
}

.header-footer-group {
   margin: 0;
    padding: 0;
}

.slide-content{
    padding-top:0;
    margin-top:0;
}

.menu-modal{
        padding-top:0;
    margin-top:0;
}

.menu-modal-inner{
        padding-top:0;
    margin-top:0;
}

media (min-width: 700px)
.post-inner {
    padding-top: 0;
}

/**/

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

Веб-сайт

Комментарии:

1. я выбрал article#post-2.post-2.page.type-page.status-publish.hentry и установил poition: absolute; , и top: 60px это решило проблему, но я не уверен, хотите ли вы этого или нет.

Ответ №1:

Это правило вызывает

 @media ( min-width: 1220px ) {
/* ALIGNMENT CLASSES */

  .entry-content > .alignfull {
    margin-bottom: 10rem;
    margin-top: 10rem;
  }
}

Комментарии:

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

Ответ №2:

Кажется, что пробел вызван символом a div с идентификатором: gutenslider-o6527m4ls . Он имеет верхний предел 10rem из—за правила:

 .entry-content > .alignfull {
    margin-bottom: 10rem;
    margin-top: 10rem;
}

Установка верхнего поля этого div на ноль должна решить вашу проблему.

Комментарии:

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

Метки: