Wordpress facebook comment plugin отображается сверху

есть небольшая проблема с комментариями в facebook. По какой-то причине моя тема не очень совместима с плагином.Wordpress facebook comment plugin отображается сверху

Если нажать, чтобы проверить элемент, он будет фиксировать по себе то (не знаю почему). Также я хотел бы, если бы вы добавили больше текста в поле комментариев, содержимое ниже окна не будет двигаться вниз. Итак, есть способ правильно выровнять поле только с css? (Я пробовал 2-3 разных плагинов, но у меня была такая же проблема)

Сайт:http://www.viskasseimai.lt/

P.S. он прекрасно работает на singple пост, но что-то не так внутри домашней страницы ...

Плагин используется:https://wordpress.org/support/plugin/facebookall/page/3

источник

2016-06-21 Frutis

Вам нужна ваша '.blog-grid' как абсолютная? Что здесь происходит, так это то, что эти элементы имеют свое «верхнее» позиционирование, определенное до добавления комментариев к комментариям facebook, поэтому эти значения не могут вместить это изменение, так как они объявлены до того, как это произойдет. – UncaughtTypeError

Да, это работает, но как именно я могу описать класс? Потому что, если я просто чип .blog-grid, это не сработает. И я не мог найти, где он будет установлен как абсолютный в css. – Frutis

Если вы проверите этот элемент, вы должны заметить, что они объявлены как встроенные стили. Это означает, что вам нужно использовать декларацию '! Important', чтобы переопределить их с помощью внешних стилей, например:' .blog-grid {position: relative! Important; top: auto! important;} ' – UncaughtTypeError

Проблема заключается в absolute позиционировании .blog-grid элементов. Значения position и top явно объявляются и устанавливаются как встроенные стили перед добавлением к элементу комментария к комментарию facebook. Таким образом, эти вычисления не влияют на дополнительный элемент, потому что они возникают до его введения.

CSS

.blog-grid.element.column-1.masonry-brick { 
    position: relative !important; 
    top: auto !important; 
}

Вышеуказанные правила будут чрезмерно квалифицировать правила инлайн для каждого экземпляра элемента, так как была использована !important декларация. Если вы хотите, чтобы эти правила применимы только к домашней странице, добавьте .home в качестве предыдущего селектора до .blog-grid, аналогичная методология будет применяться к страницам архива или страницам типа таксономии.

источник

2016-06-21 09:16:23 UncaughtTypeError

Спасибо, потратил много времени на это, но было очень легко исправить. – Frutis

@Frutis, случается так, иногда, особенно с CSS - рад, что я могу помочь вам найти решение. – UncaughtTypeError

Wordpress facebook comment plugin отображается сверху

ответ

Смежные вопросы